home / skills / next.js

Next.js skills for Claude Code

Give your agent expert Next.js knowledge.

222 skills available

Official only

custom-ui

clerk/skills

This skill helps you tailor Clerk component appearance by applying themes, layout, colors, and fonts to match branding.

fullstack-developer

shubhamsaboo/awesome-llm-apps

99.9k

This skill helps you build full-stack web apps quickly by guiding React, Next.js, Node.js, and databases with best practices.

dce-edge

vercel/next.js

138.1k

This skill guides safe, edge-compatible require patterns and DCE-friendly compilation in Next.js apps, improving edge builds and feature gating.

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.

senior-frontend

alirezarezvani/claude-skills

4.6k

This skill helps you scaffold frontend projects, optimize Next.js performance, analyze bundles, and enforce accessibility and quality for React apps.

remember-learnings

dyad-sh/dyad

19.7k

This skill autonomously reviews the session for errors and snags and updates AGENTS.md with actionable learnings to improve future runs.

react-patterns

srbhr/resume-matcher

26.1k

This skill helps optimize React and Next.js performance for local or docker deployments by applying Vercel best practices and patterns.

deploy-vercel

ominou5/funnel-architect-plugin

This skill deploys funnel pages to Vercel with CLI setup, framework detection, environment variables, and custom domain configuration to accelerate launches.

design-style

openclaw/skills

2.6k

This skill helps you build distinctive frontend interfaces by automatically applying a design system prompt for production-grade UI.

generate-marketing-screenshots

anaghkanungo7/agent-skills

This skill automates creating Product Hunt ready marketing screenshots and listing copy for deployed Next.js projects using Playwright MCP.

next-upgrade

vercel-labs/next-skills

717

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

gtm-analytics-audit

aimonk2025/google-tag-manager-automation

This skill performs a comprehensive GA4 analytics audit on your codebase, identifying trackable elements and readiness gaps to accelerate tracking

babysit

a5c-ai/babysitter

249

This skill helps you implement Zustand state management with type-safe stores, slices, and middleware for scalable React apps.

ui-ux-pro-max-0.1.0

z980944038-dev/openclawwdl

This skill delivers polished UI/UX guidance and concrete code-ready outputs for layouts, tokens, and accessibility across web stacks.

update-provider-models

vercel/ai

22.3k

This skill updates provider model IDs by adding new IDs or removing obsolete ones across the AI SDK, ensuring consistent provider support.

architecture-analysis

hubvue/skills

This skill analyzes frontend projects to identify frameworks, build tools, patterns, and quality metrics, delivering actionable insights for architecture

api-analytics-setup-posthog

agents-inc/skills

This skill helps you configure PostHog analytics and feature flags in a Next.js App Router monorepo with client and server setup.

near-dapp

near/agent-skills

This skill guides you to create NEAR dApps, integrate wallet connections, and build frontend interactions for NEAR smart contracts.

siwa

bankrbot/skills

1.0k

This skill enables agents to authenticate using Sign-In With Agent SIWA and ERC-8004 identity across services.

frontend-ui-skill

scientiacapital/skills

This skill helps audit and build enterprise SaaS UIs with Tailwind v4, shadcn/ui, and Next.js/Vite while ensuring accessibility and performance.

mastra-docs

mastra-ai/mastra

21.5k

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

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

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.

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.

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.

harness-init

chachamaru127/claude-code-harness

212

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

shadcn-baseui

thunderboltdev/shadcn-baseui

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

build

whawkinsiv/solo-founder-superpowers

144

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.

gitignore-generator

ehtbanton/claudeskillsrepo

This skill generates a tailored .gitignore file for your tech stack, combining relevant patterns and environments to streamline version control.

Page 1 of 7

React Tailwind CSS Prisma Supabase TypeScript