36,898 skills sorted by stars.
Next.js 15 App Router patterns. Trigger: When working in Next.js App Router (app/), Server Components vs Client Componen...
Use when working with Next.js 15 features, App Router, Server Components, Server Actions, or data fetching patterns. Ens...
Auto-activates when user mentions Next.js, App Router, server components, or Next.js routing. Expert in Next.js 16 best...
Standard project structure, routing, and component patterns for Next.js 16 App Router applications, so that layouts, pag...
Comprehensive Next.js v16 development with Cache Components, feature-based architecture, and best practices. Use for ANY...
This skill should be used when developing Next.js 16 applications with React, TypeScript, Material-UI V7, and Firebase....
Use this skill to analyze, improve, and enforce accessibility (a11y) + SEO best practices for Next.js projects using App...
生成Next.js 14+ App Router组件，包括服务端组件、客户端组件、API路由、中间件和数据获取模式。
Next.js 15 App Router architecture, Server Actions, Route Handlers, parallel routes, and ISR caching.
Special file conventions in Next.js 14+ App Router for pages, layouts, and API routes. PROACTIVELY activate for: (1) cre...
Next.js App RouterでのServer Components / Server Actions / Route Handlers等の使い分けガイド。「Server ComponentとClient Componentの違い」「...
Provides guidance and reusable assets for implementing navigation in Next.js App Router. Covers file-based routing, dyna...
Use this skill whenever the user wants to create or restructure a Next.js app with my standard stack (TypeScript, App Ro...
SEMPRE use quando trabalhar com Next.js 15/React 19 + shadcn/ui + Tailwind. Arquiteta apps server-first/feature-first co...
Next.js architecture specialist. Use when designing Next.js applications, migrating to App Router, implementing Server C...
| Auth.js Export | Purpose | Usage |
Standard patterns for using Better Auth in Next.js 16+ App Router projects, including server and client integration, JWT...
Bootstrap a new Next.js development environment with Tailwind CSS, shadcn/ui components, and assistant-ui for AI chat in...
Integrate OpenAI ChatKit in Next.js 15 App Router with domain allowlist, authentication, and API connections. Use when b...
Next.js 15 configuration with App Router. Use when setting up or configuring Next.js projects.
Apply when fetching data in Next.js App Router: server components, caching strategies, revalidation, and streaming.
Create Next.js data table pages with SSR initial load, SWR caching, and server-response-based UI updates. Use when asked...
Domain-Driven Design architecture for Next.js 16 App Router projects. Provides domain-driven folder structures, layered...
Expert Next.js - App Router, Server Components, Server Actions, data fetching, rendering strategies, optimization et dép...
Next.js + Firebase/Firestore統合開発パターン。型定義、データ操作、リアルタイム同期、認証に使用。Firestore、Firebase、データベース操作時に使用。
Standard patterns for HTTP/API clients in Next.js 16+ App Router frontends: where to put the client, how to type it, how...
This skill should be used when the user asks to 'build a Next.js app', 'create a dashboard', 'design a landing page', 'b...
Create a new Next.js project with FSD (Feature-Sliced Design) architecture, TypeScript, Tailwind CSS, ESLint (flat confi...
Next.js fullstack development guidelines for React 19 and Next.js 15+. Use when building Next.js applications with Featu...
Build production Next.js applications with App Router patterns, server components, data fetching strategies, authenticat...
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 Metadata API for SEO, OpenGraph tags, structured data, and social sharing. Use when implementing metadata, SEO,...
| Pattern | Use Case | Cold Start |
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 critical performance fixes. Use when writing React components, data fetching, Server Actions, or optimizing b...
Complete Next.js PR workflow using pr-creation-workflow, jira-git-integration, and linting-workflow frameworks