nextjs-app-router
PostHog integration for Next.js App Router applications
PostHog integration for Next.js App Router applications
Scaffold new Next.js API routes with proper patterns. Use when user mentions "create endpoint", "new API route", "add route", or "API for".
Generates index.html as the application entry point. Includes meta tags, favicon links, and root div for Vue app mounting.
Expert knowledge of Express.js and Node.js for building production-ready web applications and APIs. Covers middleware patterns, routing, async/await error handling, security, performance optimization, proxy patterns, static file serving, and production deployment. Use when working with server.js, adding routes, implementing middleware, debugging Express issues, or optimizing API endpoints.
Create ECS entities for breathe-together-v2 with complete Koota traits, systems, React components, and Triplex annotations. Scaffolds index.tsx, traits.tsx, systems.tsx, and registers in providers.tsx. Handles visual entities (Three.js meshes) and state-only entities (breath, controller). Supports marker, stateful, and complex trait configurations. Generates JSDoc annotations with @min/@max/@step/@default directives for Triplex compatibility.
TypeScript 5.x development with type system, generics, utility types, and strict mode patterns. Use when writing TypeScript code or adding types to JavaScript projects.
Build local-first, offline-capable TypeScript apps with PowerSync. Use when implementing real-time sync between SQLite and backend databases (Postgres, MongoDB, MySQL, SQL Server). Covers schema definition, database setup, CRUD operations, React/Vue hooks, watch queries, and Kysely/Drizzle ORM integration.
Supabaseใใญใธใงใฏใใฎๅๆ่จญๅฎใ่กใในใญใซใ Webใขใใช็ๆใตใใจใผใธใงใณใใใๅผใณๅบใใใใ ใใญใธใงใฏใไฝๆใใใคใฐใฌใผใทใงใณใRLS่จญๅฎใ่กใใ
Guide for Next.js 16 proxy patterns, replacing the deprecated middleware functionality. Covers the new proxy.ts file convention, async request APIs, and proper request interception. Use when implementing authentication, redirects, headers modification, or request processing at the network boundary level.
Complete workflow for building new modules in Next.js 15 (App Router) with Supabase backend. Use when creating CRUD features, data management modules, or any new feature module following the 5-layer architecture (Types โ Services โ Hooks โ Components โ Pages). Covers TypeScript types, Supabase services, React hooks, Shadcn/UI components, and permission-based routing.
Python SDKใจFastMCPใใฌใผใ ใฏใผใฏใไฝฟ็จใใMCPใตใผใใผๆง็ฏใฌใคใใPythonใใผในใฎMCPใตใผใใผใฎไฝๆใใใผใซใปใชใฝใผในใปใใญใณใใๅฎ่ฃ ใPydanticใขใใซๆดป็จใSTDIOใใใณHTTPใใฉใณในใใผใ่จญๅฎใ่กใ้ใซไฝฟ็จใ
Manage the development server lifecycle. Use when starting, stopping, restarting the dev server, checking server status, viewing server logs, or before testing changes that require a running server.
ะญะบัะฟะตัั Ruby on Rails. ะัะฟะพะปัะทัะน ะดะปั Rails ะฟัะธะปะพะถะตะฝะธะน, ActiveRecord, Hotwire ะธ Rails best practices.
Build robust backend systems with modern technologies (Node.js, Python, Go, Rust), frameworks (NestJS, FastAPI, Django), databases (PostgreSQL, MongoDB, Redis), APIs (REST, GraphQL, gRPC), authentication (OAuth 2.1, JWT), testing strategies, security best practices (OWASP Top 10), performance optimization, scalability patterns (microservices, caching, sharding), DevOps practices (Docker, Kubernetes, CI/CD), and monitoring. Use when designing APIs, implementing authentication, optimizing database queries, setting up CI/CD pipelines, handling security vulnerabilities, building microservices, or developing production-ready backend systems.
Build single-file web apps in markdown. No React. No build step. Just run.
A comprehensive guide to Next.js performance patterns, combining Data Fetching Colocation, the Donut Pattern, and the 'use cache' directive for optimal application architecture.
Vercel ์์ง๋์ด๋ง ํ์ React ๋ฐ Next.js ์ฑ๋ฅ ์ต์ ํ ๊ฐ์ด๋๋ผ์ธ. React/Next.js ์ฝ๋๋ฅผ ์์ฑ, ๋ฆฌ๋ทฐ, ๋ฆฌํฉํ ๋งํ ๋ ์ต์ ์ ์ฑ๋ฅ ํจํด์ ๋ณด์ฅํ๊ธฐ ์ํด ์ฌ์ฉ. React ์ปดํฌ๋ํธ, Next.js ํ์ด์ง, ๋ฐ์ดํฐ ํ์นญ, ๋ฒ๋ค ์ต์ ํ, ์ฑ๋ฅ ๊ฐ์ ์์ ์ ํธ๋ฆฌ๊ฑฐ๋จ.
Build Roblox games with Flamework, a TypeScript framework. Use when creating services, controllers, components, networking (RemoteEvents/RemoteFunctions), dependency injection, lifecycle events, or working with Flamework decorators, macros, and configuration.
JavaScript ES6+ patterns, async/await, modules, and modern JS best practices. WHEN: Writing JavaScript code, using ES6+ features (destructuring, spread, arrow functions), async/await patterns, array methods, module imports/exports, .js files. WHEN NOT: TypeScript code (use ts-dev), Vue-specific patterns (use vuejs-dev), Node.js backend APIs (use python-backend equivalent for Node).
TypeScriptใใใฏใจใณใ้็บ - ๅๅฎๅ จใNode.js/Deno/Bunใใใฌใผใ ใฏใผใฏๆดป็จ
Expert JavaScript developer specializing in modern ES2023+ features, Node.js runtime environments, and asynchronous programming patterns. This agent excels at writing clean, performant JavaScript code using the latest language features, optimizing runtime performance, and implementing scalable backend solutions with Node.js or Bun.