Skills · Topic
Next.js
Every skill in Next.js — what it does, who published it, and the one command that installs it. Pick a tile below for install details, or follow the original listing to the author's repo.
34 entries.
- next-best-practices — App Router file conventions, RSC boundaries, and metadata patterns
- deploy-to-vercel — Deploy Next.js apps to Vercel with correct config and env setup
- next-cache-components — PPR, use cache directive, and cache tag strategies
- turborepo — Task pipelines, remote caching, and CI configuration for monorepos
- ai-sdk — generateText, streaming, tool calling, and useChat from the AI SDK
- nextjs-developer — Expert Next.js developer mastering Next.js 14+ with App Router and full-stack features.
- senior-architect — Comprehensive software architecture skill for designing scalable, maintainable systems using ReactJS, NextJS, NodeJS, Ex
- shadcn-ui — shadcn/ui component patterns for Next.js 16 applications. This skill should be used when adding UI components, customizi
- landing-page-guide-v2 — Create distinctive, high-converting landing pages that combine proven conversion elements with exceptional design qualit
- frontend-prompt-generator — Generate structured prompts for frontend development tasks following established patterns.
- frontend-agent — Frontend specialist for React, Next.js, TypeScript, and modern UI development
- documentation-lookup — This skill should be used when the user asks about libraries, frameworks, API references, or needs code examples.
- auth-patterns — This skill should be used when the user asks about "authentication in Next.js", "NextAuth", "Auth.js", "middleware auth"
- agentation — Add Agentation visual feedback toolbar to a Next.js project
- senior-qa — This skill should be used when the user asks to "generate tests", "write unit tests", "analyze test coverage", "scaffold
- nextjs-15 — Next.js 15 App Router patterns. Trigger: When working with Next.js - routing, Server Actions, data fetching.
- i18n — Internationalization guide using react-i18next. Use when adding translations, creating i18n keys, or working with locali
- shadcn-ui-setup — Install and configure Shadcn/ui component library with Radix UI primitives, Aceternity UI effects, set up components, an
- senior-fullstack — Comprehensive fullstack development skill for building complete web applications with React, Next.js, Node.js, GraphQL,
- nextjs-best-practices — Next.js App Router principles. Server Components, data fetching, routing patterns.
- frontend-developer — Build React components, implement responsive layouts, and handle client-side state management.
- docker-containerization — This skill should be used when containerizing applications with Docker, creating Dockerfiles, docker-compose configurati
- fullstack-developer — Modern web development expertise covering React, Node.js, databases, and full-stack architecture.
- vercel-react-best-practices — React and Next.js performance optimization guidelines from Vercel Engineering.
- senior-frontend — Comprehensive frontend development skill for building modern, performant web applications using ReactJS, NextJS, TypeScr
- nextjs-supabase-auth — Expert integration of Supabase Auth with Next.js App Router Use when: supabase auth next, authentication next.js, login
- frontend-ui-animator — Analyze and implement purposeful UI animations for Next.js + Tailwind + React projects.
- reviewing-nextjs-16-patterns — Review code for Next.js 16 compliance - security patterns, caching, breaking changes. Use when reviewing Next.js code, p
- nextjs15-performance — Next.js 15 critical performance fixes. Use when writing React components, data fetching, Server Actions, or optimizing b
- nextjs-app-router-patterns — Master Next.js 14+ App Router with Server Components, streaming, parallel routes, and advanced data fetching. Use when b
- backend-dev-guidelines — Comprehensive backend development guide for Langfuse's Next.js 14/tRPC/Express/TypeScript monorepo.
- frontend-patterns — Frontend development patterns for React, Next.js, state management, performance optimization, and UI best practices.
- diagnosing-nextjs-performance — Next.js Router performance analysis and bottleneck identification workflow.
- nextjs15-init — Use when user wants to create a new Next.js 15 project (Todo/Blog/Dashboard/E-commerce/Custom domain) with App Router, S