omer-akben

Creates Next.js 16 API routes with auth, validation, and tenant scoping. Use when creating API endpoints.

Implements AI tools for Canvas generation and updates. Use when creating GenUI tools for code generation, document editing, or Canvas interactions.

Develops Canvas code execution features with Pyodide/iframe sandboxing. Use when working on Python/JS execution, package management, or sandbox security.

Creates and extends Canvas UI components with Monaco editor, split views, and educational context. Use when building Canvas panel, editor, or preview features.

Foundational Canvas type definitions and language support patterns. Use when working with Canvas types, schemas, or language configuration.

Comprehensive document creation, editing, and analysis with support for tracked changes, comments, formatting preservation, and text extraction. When Claude needs to work with professional documents (.docx files) for: (1) Creating new documents, (2) Modifying or editing content, (3) Working with tracked changes, (4) Adding comments, or any other document tasks

Creates educational UI components following learning science principles. Use for classroom, student, or teacher interfaces.

Use when creating or modifying email templates for Elon AI - welcome emails, role changes, notifications, teacher digests, or QR code invitations. This project uses HTML string templates, NOT React Email components.

Creates Next.js 16 App Router pages with loading and error states. Use when asked to create new routes, pages, or views.

Comprehensive PDF manipulation toolkit for extracting text and tables, creating new PDFs, merging/splitting documents, and handling forms. When Claude needs to fill in a PDF form or programmatically process, generate, or analyze PDF documents at scale.

Presentation creation, editing, and analysis. When Claude needs to work with presentations (.pptx files) for: (1) Creating new presentations, (2) Modifying or editing content, (3) Working with layouts, (4) Adding comments or speaker notes, or any other presentation tasks

React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.

Use when creating email templates with React - welcome emails, password resets, notifications, order confirmations, or transactional emails that need to render across email clients.

Streamdown is a Vercel open-source React component for rendering AI-streamed Markdown content. Use when: (1) implementing chat UI with streaming AI responses, (2) rendering Markdown from AI models with incomplete/unterminated syntax, (3) adding code highlighting, math (KaTeX), or Mermaid diagrams to AI output, (4) debugging Streamdown rendering issues, (5) configuring Streamdown plugins or custom components. Triggers on: streaming markdown, AI chat rendering, react-markdown replacement, Shiki highlighting, mermaid diagrams, KaTeX math, CJK text handling.

Step-by-step checklist and best practices for implementing new AI agent tools in the omer-akben portfolio. Use when creating new agent tools, API routes, or extending agent capabilities.

8-mode brightness system implementation with CSS custom properties. Use when implementing theme switching, color tokens, or fixing brightness-related issues.

Bundle size reduction strategies, icon optimization, tree-shaking, and performance analysis. Use when reducing bundle size or optimizing imports.

Single source of truth patterns, facts.ts structure, type safety, and data helper functions. Use when working with project data or adding new facts.

Environment variables, setup procedures, API configurations, and security for the omer-akben portfolio. Use when setting up the project, configuring services, or troubleshooting environment issues.

Git branching strategy, CI/CD pipeline, quality gates, and deployment procedures for the omer-akben portfolio project. Use when working with git operations, deployments, or CI/CD workflows.

Next.js SSR hydration patterns and best practices. Use when fixing hydration mismatches, implementing client-only features, or working with localStorage/browser APIs.

Redis and Upstash Vector integration patterns for rate-limiting, vector search, embeddings, and memory systems. Use when implementing caching, rate-limiting, or semantic search features.

Comprehensive testing protocols, E2E patterns, and quality gate execution for the omer-akben portfolio. Use when writing tests, debugging test failures, or ensuring code quality.