Browse 138,453 skills across 70 categories. Mirrored from majiayu000/claude-skill-registry.
This skill should be used when the user requests to scaffold, create, or initialize a full-stack Next.js application wit...
Build interactive React components for the quiz game UI using Next.js 16, React 19, TypeScript, and Tailwind CSS v4. Use...
Next.js/TypeScriptプロジェクト向けGherkinシナリオ自動生成スキル。以下の場合に使用:(1) ユーザーストーリーからBDDシナリオ作成時(2) PRD/仕様書からテストシナリオ生成時(3) APIエンドポイントの振る舞...
Next.js 16 internationalization with next-intl or DIY. Use when implementing i18n, translations, localization, multiling...
Complete Next.js integration patterns for Clerk authentication with App Router and Pages Router. Use when setting up Cle...
Skill providing structured Next.js knowledge: App Router patterns, RSC usage, rendering/data strategies, and modern Next...
Implement localStorage persistence in Next.js 14 App Router with SSR-safe patterns. Use when storing data in localStorag...
Next.js framework integration utilities and server components
Next.js Metadata API for SEO, OpenGraph tags, structured data, and social sharing. Use when implementing metadata, SEO,...
Generate Next.js middleware for authentication, authorization, redirects, CORS, rate limiting, and internationalization....
| Pattern | Use Case | Cold Start |
Complete workflow for building new modules in Next.js 15 (App Router) with Supabase backend. Use when creating CRUD feat...
Next.js monorepo patterns with Turborepo and pnpm workspaces. Use this skill when working with multi-package Next.js pro...
Motion-based animation system for Next.js with performance-optimized patterns
Comprehensive performance analysis and optimization for Next.js applications using Neon Postgres. Identifies bottlenecks...
Create a Next.js app running on Bun, configure the development environment, and deploy to Vercel with automatic deployme...
OpenTelemetry distributed tracing for Next.js 14+
Optimize Next.js 15 applications for performance, Core Web Vitals, and production best practices using App Router patter...
Creates Next.js 16 App Router pages with loading and error states. Use when asked to create new routes, pages, or views.
Next.js 15 App Router patterns - use for frontend pages, API routes, server components, client components, and middlewar...
Build with Next.js for BigCommerce — App Router, Server/Client Components, data fetching, ISR, middleware, API routes, a...
Next.js 15 critical performance fixes. Use when writing React components, data fetching, Server Actions, or optimizing b...
Expert Next.js performance optimization skill covering Core Web Vitals, image/font optimization, caching strategies, str...
Audit and optimize Next.js application performance when the user asks about Next.js performance, caching, or rendering s...
Next.js performance optimizations including next/image, next/font, dynamic imports, caching strategies, and bundle optim...
Use this skill whenever the user wants to analyze, improve, or enforce performance best practices in a Next.js (App Rout...
Complete Next.js PR workflow using pr-creation-workflow, jira-git-integration, and linting-workflow frameworks
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)...
Comprehensive Next.js project setup from scratch following industry best practices. Use when creating new Next.js projec...
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.
Generate production-ready Next.js/React components from design specifications. Use this skill when you have a design spe...
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...
Use for Next.js design/architecture work. Respect App Router boundaries and server/client separation.
> Next.js 15 App Router ve Server Components rehberi.
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...
Next.js 15 + Tailwind CSS development guidelines. Modern patterns including App Router, Server/Client Components, Suspen...
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...