Next Skills

Next.js Agent Skills

Agent skills for common Next.js workflows.

Essential Skills

Start here. These background skills are auto-applied to prevent common mistakes.

`next-best-practices`

Core Next.js knowledge:

• File Conventions - Project structure and special files
• RSC Boundaries - Server/Client Component rules
• Data Patterns - Fetching and mutation strategies
• Async Patterns - Next.js 15+ async APIs
• Directives - 'use client', 'use server', 'use cache'
• Functions - Navigation hooks, server functions, generate functions
• Runtime Selection - Node.js vs Edge runtime
• Error Handling - Error boundaries and redirects
• Route Handlers - API routes with route.ts
• Metadata - SEO, OG images, sitemaps
• Image - next/image optimization
• Font - next/font optimization
• Bundling - Package compatibility, CSS imports, polyfills
• Scripts - Third-party scripts, Google Analytics
• Hydration Errors - Debugging mismatches
• Suspense Boundaries - CSR bailout, Cache Components requirements
• Parallel Routes - Modal patterns with intercepting routes
• Self-Hosting - Docker, standalone output, ISR

...