Next.js skills for Claude Code

Give your agent expert Next.js knowledge.

181 skills available

Official only

thunderboltdev/shadcn-baseui

This skill enforces Base UI patterns in shadcn/ui projects, preventing incorrect Radix UI guidance and ensuring render prop usage.

next-upgrade

vercel-labs/next-skills

565

This skill guides you upgrade Next.js to the latest version following official migration guides, codemods, and dependency updates.

use-ai-sdk

vercel/ai

21.9k

This skill helps developers integrate and reason about the AI SDK to build agents, tools, and chat features efficiently.

react-best-practices

georgekhananaev/claude-skills-vault

This skill helps you optimize React and Next.js performance by applying high-impact best practices across components, pages, and data fetching.

copycat

uzhussain/copycat

This skill inventories a Next.js app's public and authenticated views, confirms view names with you, and plans a shadcn-based clean platform scaffold.

fastapi

srbhr/resume-matcher

26.0k

This skill helps you build robust Python APIs with FastAPI, Pydantic, and async SQLAlchemy, featuring JWT auth and solid validation.

vercel-react-best-practices

lobehub/lobehub

72.4k

This skill applies Vercel React and Next.js best practices to optimize performance in components, pages, and data fetching.

x-og-image-generator

juanpiriv/x-og-image-generator

This skill helps you generate and optimize Open Graph images for social sharing with dynamic and pre-generated patterns, boosting crawler compatibility.

lifeos-memory

openclaw/skills

1.2k

This skill helps you manage memory, milestones, and prompts for OpenClaw with Obsidian-compatible linking and intelligent backlog extraction.

mastra-docs

mastra-ai/mastra

21.2k

This skill enforces Mastra documentation standards, ensuring clear, consistent guides and references across docs, guides, and reference sections.

check-workflows

dyad-sh/dyad

19.6k

This skill analyzes the past day's GitHub Actions workflow runs to detect actionable failures and open issues for remediation.

setup-scheduled-scraper

sawyerh/agents

This skill scaffolds a local Playwright and Next.js scheduled scraper project with optional read-only viewer and macOS launchd automation.

dashboard-builder

qwenlm/qwen-code-examples

This skill helps you build professional data visualization dashboards with Next.js, Tailwind, and Recharts, delivering fast UI and live analytics.

fullstack-developer

shajar5110/hackathon-ii-phase-3

This skill designs and implements complete full-stack systems with Next.js, React, Firebase, and Stripe, delivering production-ready apps with scalable

calcom-api

calcom/cal.com

40.2k

This skill helps you manage Cal.com API v2 scheduling, bookings, and calendars, enabling seamless event creation, availability checks, and webhooks.

harness-init

chachamaru127/claude-code-harness

181

This skill initializes a project for harness setup using natural language, delivering ready-to-run plans and defaults for immediate development.

ui-design-styling

ryokun6/ryos

1.1k

This skill helps you design and style UI components across the four OS themes, ensuring consistent retro aesthetics and theme-aware behavior.

codex-test

trahoangdev/codex-test

This skill helps you set up, run, and edit the codex-test Next.js project with minimal, scoped changes.

book-translation

f/prompts.chat

145.3k

This skill translates The Interactive Book of Prompting content and UI strings into a target language, preserving structure and usability for multilingual

build

whawkinsiv/solo-founder-superpowers

143

This skill helps you build features with AI coding tools, guiding tool selection, prompting strategies, and iterative development workflows.

typescript

toilahuongg/shopify-agents-kit

This skill helps you apply modern TypeScript best practices for strict, safe, and high-performance code aligned with TS 5.x and frameworks.

openai-chatkit-frontend-embed-skill

zeeshan080/ai-native-robotics

This skill helps you embed and configure ChatKit frontend in TS/JS apps, supporting hosted workflows or custom backends with secure auth and uploads.

nextjs-page-generator

ehtbanton/claudeskillsrepo

This skill generates complete Next.js 14 App Router page components with server and client patterns, data fetching, and layout files.

frontend-tdd

shaul1991/shaul-agents-plugin

This skill guides frontend TDD by writing tests first and implementing the minimal code to pass, following red-green-refactor cycles.

accelint-nextjs-best-practices

gohypergiant/agent-skills

This skill helps you optimize Next.js apps by applying performance and best-practice patterns for server components, actions, and data fetching.

gs-santry-observability

gilbertopsantosjr/fullstacknextjs

This skill enhances Sentry observability across Clean Architecture layers by tracing use cases, logging per layer, and capturing user context.

mapcn-docs

lucking7/mapcn-skills

This skill helps you build comprehensive Next.js App Router documentation sites with live previews, code samples, and accessible, theme-aware UI.

nextjs-knowledge-patch

nevaberry/nevaberry-plugins

This skill helps you implement and reason about Next.js 15.3+ features, routing, caching, and migrations across App Router and Server Components.

nextjs

bankkroll/skills-builder

This skill provides Next.js guidance on app structure, routing, data fetching, and optimization to help you build scalable interfaces.

figma-d3-react-ts

corlab-tech/skills

This skill helps you build pixel-perfect D3 visualizations inside React/Next.js, matching Figma designs and validating visuals with Playwright.

generate-marketing-screens

anaghkanungo7/agent-skills

This skill generates pixel-perfect marketing screenshots and compelling Product Hunt copy for Next.js apps using Playwright MCP.

supastarter-nextjs-skill

oscardrt/supastarter-nextjs-skill

This skill guides building supastarter Next.js apps end-to-end with Prisma, oRPC, and Better Auth, accelerating feature delivery and reliable deployment.

data-client-setup

reactive/data-client

2.0k

This skill installs and configures the appropriate data-client package for your project type and protocol, then delegates to protocol-specific setup.

react-best-practices

henkisdabro/wookstar-claude-plugins

This skill helps optimize React and Next.js performance by applying best-practice guidelines and 40+ rules across rendering, bundling, and data fetching.

@gw-config-management

mthines/gw-tools

This skill helps you configure and optimize gw tooling for various project types, automating setup, auto-copy, and troubleshooting for Next.js, Node.js, and

styling

gluestack/agent-skills

This skill helps you implement Gluestack UI v4 styling patterns with semantic tokens, dark mode, spacing, and variant management.

Page 1 of 6

React Tailwind CSS Prisma Supabase TypeScript