Use when building Next.js 14+ applications with App Router, server components, or server actions. Invoke for full-stack features, performance optimization, SEO implementa — from…
Expert Next.js developer specializing in Next.js 14+, App Router, Server Components, and modern React patterns.
Next.js 16.2.4 with TypeScript — App Router, Server Components, use cache directive, Turbopack dev, Server Actions, ISR, SSR, SSG, MCP devtools, metadata API, route handlers,…
Next.js development tooling via MCP. Inspect routes, components, build info, and debug Next.js apps. Use when working on Next.js applications, debugging routing, or inspe — from…
Next.js development tooling via MCP. Inspect routes, components, build info, and debug Next.js apps. Use when working on Next.js applications, debugging routing, or inspe — from…
Next.js App Router から Dify Workflow API (`POST /v1/workflows/run`) を **生 fetch** で呼び出し、ファイルアップロード → ワークフロー起動 → SSE (`response_mode: "streaming"`) のイベントを Route Handler…
Expert Next.js 14+ developer specializing in App Router, React Server Components, Server Actions, TypeScript, and modern full-stack patterns.
Use to plan a Next.js foundation after Next.js is chosen — App Router structure, server vs client components, per-route rendering strategy (static/ISR/dynamic), TypeScript,…
Next.js 15 프론트엔드 개발 가이드라인 — U2DIA e-Commerce AI Platform. App Router, Server/Client Components, shadcn/ui, Tailwind CSS 4, Zustand 상태관리, 멀티 테넌트 프론트엔드, Recharts/D3.js 데이터 시각화, 한국어…
Next.js App Router expert guidance. Use when building, debugging, or architecting Next.js applications — routing, Server Components, Server Actions, Cache Components (PPR — from…
Build production Next.js applications with App Router patterns, server components, data fetching strategies, authentication, and deployment.
Next.js App Router + Bun + Drizzle ORM + Better Auth + Tailwind CSS + Biome ile full-stack proje kurulumu, authentication entegrasyonu ve DB workflow'ları.
Implements Google Analytics 4 tracking with GDPR-compliant Silktide cookie consent in Next.js projects.
Développement d'applications Next.js avec App Router, Server Components, SSR, ISR, API routes et middleware.
Next.js 16 internationalization with next-intl or DIY. Use when implementing i18n, translations, localization, multilingual, language switch, locale routing, or formatters.
Implement localStorage persistence in Next.js 14 App Router with SSR-safe patterns. Use when storing data in localStorage, handling hydration errors, implementing state…
Use when building or refactoring Next.js 14+ App Router applications — Server Components, TypeScript patterns, Supabase integration, and performance optimization
Next.js 14+ App Router patterns including RSC, ISR, middleware, parallel routes, and data fetching
When you need to run code before a request completes: auth checks, redirects, headers, A/B testing. **Version Context**: Next.js 16.0+ uses `proxy.ts` (replaces `middleware.ts`…
기존 HTML/CSS 정적 사이트를 Next.js 14 App Router 기반으로 마이그레이션하는 스킬. 'Next.js로 전환', '컴포넌트 만들어줘', 'App Router 구조 잡아줘', 'React로 바꿔줘' 요청 시 이 스킬을 사용할 것. next export 정적 배포 설정 포함.
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…
Optimize Next.js 15 applications for performance, Core Web Vitals, and production best practices using App Router patterns
Writes Next.js App Router code — Server Components, Server Actions, RSC boundaries, route handlers, caching, and streaming — matching framework conventions and project…
Expert Next.js performance optimization skill covering Core Web Vitals, image/font optimization, caching strategies, streaming, bundle optimization, and Server Components best…
Expert guide for Next.js 14+ App Router projects. Use when building features, routing, server/client components, forms, layouts, or debugging Next.js-specific issues.
Next.js 14+ 项目规范，涵盖 App Router、SSR/SSG、流式渲染、路由与布局、数据获取、中间件、元数据与 SEO。当用户在 Next.js 项目中创建、修改页面或模块时自动激活。
React and Next.js performance optimization from Vercel Engineering. Use when building React components, optimizing performance, eliminating waterfalls, reducing bundle size,…
Expert in TypeScript, Node.js, Next.js App Router, React, Shadcn UI, Radix UI and Tailwind
Next.js プロジェクトの初期セットアップ手順。create-next-app の選択肢固定（App Router / TypeScript / ESLint）、ディレクトリ規約、npm scripts 標準化。
Senior Next.js 15+/16 Engineer skill for App Router. Use when scaffolding production apps, enforcing RSC patterns, auditing codebases, or optimizing performance.
Use when writing a Next.js Server Action that accepts user-submitted form data, mutation parameters, or any client-originated input.
React Server Components patterns for Next.js 16. Server vs Client boundaries, async components, data fetching, serialization rules, streaming with Suspense.
create-next-app 直後の Next.js プロジェクトに対して、Prettier・shadcn・Dockerfile（Node.js 24）・AGENTS.md・GitHub Actions CI の初期設定を行う。"next.js セットアップ"、"nextjs 初期設定"、"shadcn 初期化"、"nextjs…
Next.js 16+ complete stack with App Router, Prisma 7, Better Auth, shadcn/ui, TanStack Form, Zustand. Use as the master reference combining all framework skills.
Expert integration of Supabase Auth with Next.js App Router Use when: supabase auth next, authentication next.js, login supabase, auth middleware, protected route.
Guides implementation of Next.js 15 App Router features with Supabase SSR. Helps choose between Server/Client Components, select correct Supabase client, and follow security…
Comprehensive skill for building luxury-grade Next.js applications with Tailwind CSS v4, Radix UI (shadcn), and Framer Motion.
TanStack Form v1 for Next.js 16 with Server Actions, Zod validation, and shadcn/ui integration. Use when building forms, validation, multi-step wizards, or dynamic field arrays.
TanStack Query v5 integration with Next.js 16. Server-side prefetching, hydration, useQuery, useMutation, cache management.
Next.js 16+ and Turbopack — incremental bundling, FS caching, dev speed, and when to use Turbopack vs webpack.
Full-stack Next.js 14 development with TypeScript, TailwindCSS, and Supabase for building production-ready web applications.
مراجعة شاملة للواجهة في Next.js 15 + React 19 تشمل الصفحات، المكونات، الخطافات، إدارة الحالة، والتمييز بين Server و Client Components.
Add privacy-safe Vercel Web Analytics to Next.js apps, including pageview setup, typed client and server custom events, strict no-PII payload rules, App Router or Pages Router…
Complete Next.js web development plugin orchestrating React, App Router, Server Components, TypeScript, Tailwind CSS, Supabase Auth, Turbopack, and UI/UX skills.
Zustand v5 state management for Next.js 16 App Router. Use when implementing global state, stores, persist, hydration, or client-side state in Client Components.
Use when user wants to create a new Next.js 15 project (Todo/Blog/Dashboard/E-commerce/Custom domain) with App Router, ShadCN, Zustand, Tanstack Query, and modern Next.js stack
Run a bounded overnight AOSwarm-style analysis across recently active repos, using isolated workers to inspect architecture, tests, tooling, performance, safety, and…
Use when implementing the vanilla-JS single-page frontend served by a Node Web Only backend from public/ - covers HTML structure, vendored self-hosted fonts, Catppuccin Mocha…
Provides expert-level knowledge of the No.JS HTML-first reactive framework for building dynamic web applications using only HTML attributes.
AI-orchestrated usability testing using Amazon Nova Act. The agent generates personas, runs tests to collect raw data, interprets responses to determine goal achievement, and…
Use when working on Nuxt 4+ projects - provides server routes, file-based routing, middleware patterns, Nuxt-specific composables, and configuration with latest docs.
Use when implementing auth in Nuxt apps with nuxt-auth-utils - provides useUserSession composable, OAuth handlers, cookie-based sessions, and route protection.
Use when working with nuxt-auto-api (@websideproject/nuxt-auto-api) - schema-driven REST API generation from Drizzle ORM schemas with authorization, hooks, bulk ops, M2M,…
Guide for checking and fixing Nuxt 4 auto-import usage. Use this when reviewing impors in Vue components, composables, or TypeScript files in a Nuxt 4 project.
Use when implementing auth in Nuxt apps with @onmax/nuxt-better-auth - provides useUserSession composable, server auth helpers, route protection, and Better Auth plugins…
Use when working with Nuxt Content v3, markdown content, or CMS features in Nuxt - provides collections (local/remote/API sources), queryCollection API, MDC rendering, database…
| Nuxt 4 core framework fundamentals: project setup, configuration, routing, SEO, error handling, and directory structure.
Nuxt 5 data management with useFetch, useAsyncData, useState, and Pinia. Use when creating composables, fetching data, managing state, or debugging reactive/SSR data issues.
Audit a Nuxt consumer's data-fetching and performance patterns against the golden path checklist (14 items).
Analisa um projeto Nuxt existente e gera a estrutura completa de documentação para agentes AI — CLAUDE.md, AGENTS.md, .ai/architecture.md, .ai/guardrails.md e .docs/ com templates…