83,201 skills sorted by stars.
Expert guide for Next.js 14+ App Router projects. Use when building features, routing, server/client components, forms,...
Opinionated Next.js 14+ project structure and configuration for scaffolding new projects. PROACTIVELY activate for: (1)...
React and Next.js performance optimization from Vercel Engineering. Use when building React components, optimizing perfo...
React and Next.js performance optimization from Vercel Engineering.
Scaffold Next.js App Router API routes with Zod validation, error handling, and TypeScript types. Use when asked to crea...
Use this skill whenever the user wants to design, refactor, or extend Next.js App Router routes, layouts, and navigation...
| Route Type | Folder Pattern | URL Example |
Performance optimization patterns for Next.js 14+ React Server Components. PROACTIVELY activate for: (1) Optimizing RSC...
Senior Next.js 15+/16 Engineer skill for App Router. Use when scaffolding production apps, enforcing RSC patterns, audit...
Implement SEO best practices in Next.js applications. Includes metadata, Open Graph tags, canonical URLs, sitemap genera...
| Pattern | Code | Purpose |
When handling form submissions, data mutations, or any action that modifies server-side data.
Use when next.js Server Components for optimal performance. Use when building data-intensive Next.js applications.
Build efficient React applications using Next.js Server Components that render on the server, reducing client bundle siz...
Debug getServerSideProps and getStaticProps errors in Next.js. Use when: (1) Page shows generic error but browser conso...
Initialize Next.js 16+ frontend projects with TypeScript, Tailwind CSS, Zustand state management, Axios HTTP client, Ace...
Creates Next.js 16 frontends with shadcn/ui. Use when building React UIs, components, pages, or applications with shadcn...
shadcn/ui for Next.js App Router with TanStack Form. Use when building UI components, forms, dialogs, tables, toasts, or...
Reusable Next.js 16+ skill with App Router, Server Components, Client Components, and API routes. Use with context7 MCP...
Next.js 16+ complete stack with App Router, Prisma 7, Better Auth, shadcn/ui, TanStack Form, Zustand. Use as the master...
Create standardized Next.js 16 demo applications with shadcn, Tailwind v4, src directory with path aliases, React Compil...
Next.js full-stack application with Supabase backend.
Expert integration of Supabase Auth with Next.js App Router Use when: supabase auth next, authentication next.js, login...
Production-ready authentication system for Next.js 15 + Supabase. Use when setting up auth, login, signup, OAuth, Google...
Comprehensive SaaS architecture planner for Next.js and Supabase applications. Converts ideas into production-ready tech...
TanStack Form v1 for Next.js 16 with Server Actions, Zod validation, and shadcn/ui integration. Use when building forms,...
Next.js 16+ and Turbopack — incremental bundling, FS caching, dev speed, and when to use Turbopack vs webpack.
Full-stack web development with Next.js and Turborepo. Stack: Next.js 14+ (App Router, RSC, Server Actions, PPR, SSR, SS...
Use this skill whenever the user wants to design, refactor, or extend reusable UI components in a Next.js (App Router) +...
Generate responsive Next.js components and pages (task tables with sort/filter, forms, auth pages) using App Router, Typ...
Generate comprehensive unit tests for Next.js 16 applications covering App Router, Server Components, Client Components,...
Zustand v5 state management for Next.js 16 App Router. Use when implementing global state, stores, persist, hydration, o...
Next.js 15 patterns with 2025-2026 design system and Australian context
Use when user wants to create a new Next.js 15 project (Todo/Blog/Dashboard/E-commerce/Custom domain) with App Router, S...