Framework
Next.js agent skills for Claude Code, Codex and other agents.
- skills
- 595
- official
- 45
- Type
- Framework
- Website
- nextjs.org
- Official GitHub
- nextjs, vercel
Next.js skills, ranked
Ranked by score. Sort bymost stars,trending,newest,recently updated
Official (45 skills)
| # | Skill | Repository | Stars | Used in | Tokens | Auto-check | Licence | Updated |
|---|---|---|---|---|---|---|---|---|
| 1 | Runs a metrics-first audit of a deployed Vercel project, gating investigations on real signals to produce ranked, citation-backed cost and performance recommendations. | vercel-labs/ | 32k | 8 repos | ~4.3k | Automated safety check: Pass | No licence | 1 mo ago |
| 2 | Answer questions about the AI SDK and help build AI-powered features. | vercel-labs/ | 168 | 21 repos | ~1.2k | Automated safety check: Pass | No licence | 5 mo ago |
| 3 | General Supabase skill for database, auth, Edge Functions, Realtime and storage work, plus client libraries, migrations, security audits, debugging and reading logs. | supabase/ | 2.7k | 3 repos | ~3.6k | Automated safety check: Pass | MIT | 5 days ago |
| 4 | Guides implementing animated page and state transitions in React with the native View Transition API, covering shared elements, list reorders and directional navigation. | vercel-labs/ | 167 | 10 repos | ~3.1k | Automated safety check: Pass | MIT | 8 days ago |
| 5 | React and Next.js performance optimization guidelines from Vercel Engineering. | sanity-io/ | 6.4k | 130 repos | ~1.6k | Automated safety check: Pass | MIT | today |
| 6 | Set up, repair, or migrate to Cloudflare Turnstile bot verification in an existing frontend and backend, including server-side Siteverify. | cloudflare/ | 3k | 4 repos | ~7.2k | Automated safety check: Notes | Apache-2.0 | 5 days ago |
| 7 | Next.js 16 Cache Components - PPR, use cache directive, cacheLife, cacheTag, updateTag | vercel-labs/ | 1.7k | 9 repos | ~2.3k | Automated safety check: Pass | No licence | 7 mo ago |
| 8 | Verify Next.js runtime behavior after editing app code. An agent skill from sanity-io/ui. | sanity-io/ | 176 | 8 repos | ~2k | Automated safety check: Pass | MIT | today |
| 9 | Build, migrate, and deploy Next.js apps on Cloudflare Workers with vinext. | cloudflare/ | 3k | 2 repos | ~678 | Automated safety check: Pass | Apache-2.0 | 5 days ago |
| 10 | Next.js best practices - file conventions, RSC boundaries, data patterns, async APIs, metadata, error handling, route handlers, image/font optimization, bundling | vercel-labs/ | 1.7k | 18 repos | ~1k | Automated safety check: Pass | No licence | 7 mo ago |
| 11 | Work with the QStash JavaScript/TypeScript SDK for serverless messaging, scheduling. | upstash/ | 269 | 1 repo | ~746 | Automated safety check: Pass | MIT | yesterday |
| 12 | Upgrade Next.js to the latest version following official migration guides and codemods | vercel-labs/ | 1.7k | 6 repos | ~502 | Automated safety check: Pass | No licence | 7 mo ago |
| 13 | Convert Next.js bundle analyzer data to NDJSON and explore it | vercel-labs/ | 1.6k | — | ~617 | Automated safety check: Pass | MIT | today |
| 14 | Drive a Next.js route to instant navigation by setting up an agentic loop, under Cache Components / PPR, on initial load (hard navigation) and client-side navigation (soft navigation). | sanity-io/ | 176 | 6 repos | ~6.3k | Automated safety check: Pass | MIT | today |
| 15 | Vercel deployment and CI/CD expert guidance. An agent skill from vercel/vercel-plugin. | vercel/ | 301 | 1 repo | ~3k | Automated safety check: Pass | Unknown | today |
| 16 | Runs agent-browser with headless Chrome inside Vercel Sandbox microVMs so Vercel-deployed apps can automate a browser without binary size limits. | vercel-labs/ | 44k | — | ~2k | Automated safety check: Pass | Apache-2.0 | today |
| 17 | Apply pull-request review comments to the frontend of kotlinlang.org (Next.js, React, TypeScript, CSS Modules under blocks/, components/, pages/, hooks/, utils/, test/). | JetBrains/ | 1.6k | — | ~444 | Automated safety check: Pass | Apache-2.0 | yesterday |
| 18 | Apply dashboard-grade chat UX patterns in the Eve chat template. | vercel-labs/ | 137 | — | ~2.1k | Automated safety check: Pass | No licence | 1 mo ago |
| 19 | Chooses between running regular npm frontend frameworks under Deno and building with Fresh, Deno's island-architecture framework, with Fresh 2.x guidance. | denoland/ | 100 | — | ~783 | Automated safety check: Pass | MIT | 2 mo ago |
| 20 | Full Sentry SDK setup for Next.js. An agent skill from getsentry/sentry-for-ai. | getsentry/ | 268 | — | ~4.7k | Automated safety check: Notes | Apache-2.0 | today |
| 21 | Turn on Partial Prefetching in a Next.js app and work through the insights it surfaces. | sanity-io/ | 176 | 2 repos | ~5.8k | Automated safety check: Pass | MIT | today |
| 22 | Sanity development best practices for schema design, GROQ queries, TypeGen, Visual Editing, images, Portable Text, Studio structure, localization, migrations, Sanity Functions, webhooks, Blueprints… | sanity-io/ | 187 | — | ~1.3k | Automated safety check: Pass | MIT | yesterday |
| 23 | Integrates Sanity Live with Next.js Cache Components in next-sanity v13+ apps. | sanity-io/ | 176 | — | ~4.2k | Automated safety check: Pass | MIT | today |
| 24 | Configure and troubleshoot Vercel Services for multiple frontends and backends in one project. | vercel/ | 301 | — | ~3k | Automated safety check: Pass | Unknown | today |
| 25 | Project bootstrapping orchestrator for repos that depend on Vercel-linked resources (databases, auth, and managed integrations). | vercel/ | 301 | — | ~2.1k | Automated safety check: Notes | Unknown | today |
| 26 | A skill your agent uses whenever the user wants to build scroll animations, scroll effects, parallax, scroll-triggered reveals, pinned sections, horizontal scroll, text animations, or any motion… | github/ | 40k | 1 repo | ~1.6k | Automated safety check: Pass | MIT | today |
| 27 | Build and deploy full-stack web and mobile apps with AWS Amplify Gen2 (TypeScript code-first). | awslabs/ | 912 | — | ~3.2k | Automated safety check: Pass | Apache-2.0 | yesterday |
| 28 | Vercel environment variable expert guidance. An agent skill from vercel/vercel-plugin. | vercel/ | 301 | — | ~3k | Automated safety check: Notes | Unknown | today |
| 29 | Use Redis over HTTP from serverless and edge runtimes with @upstash/redis, and add rate limiting with @upstash/ratelimit. | github/ | 40k | — | ~1.7k | Automated safety check: Pass | MIT | today |
| 30 | Set up and use feature flags and A/B tests with the Flags SDK (flags npm package) and Vercel Flags. | vercel/ | 301 | — | ~6.9k | Automated safety check: Notes | Unknown | today |
| 31 | Migrate an existing web React app to a native iOS/Android app with Expo. | expo/ | 2.7k | — | ~2.6k | Automated safety check: Pass | MIT | today |
| 32 | Vercel Queues guidance — durable topics with at-least-once delivery, independent consumer groups, retries, delays, and idempotency keys via @vercel/queue (JS) or vercel-queue (Python). | vercel/ | 301 | — | ~2.4k | Automated safety check: Pass | Unknown | today |
| 33 | Vercel Routing Middleware guidance — request interception before cache, rewrites, redirects, personalization. | vercel/ | 301 | — | ~2.8k | Automated safety check: Pass | Unknown | today |
| 34 | Vercel Runtime Cache API guidance — ephemeral per-region key-value cache with tag-based invalidation. | vercel/ | 301 | — | ~2.3k | Automated safety check: Pass | Unknown | today |
| 35 | Full Sentry SDK setup for Node.js, Bun, and Deno. An agent skill from getsentry/sentry-for-ai. | getsentry/ | 268 | — | ~8.4k | Automated safety check: Pass | Apache-2.0 | today |
| 36 | Set up Sentry in any language or framework. An agent skill from getsentry/sentry-for-ai. | getsentry/ | 268 | — | ~1.7k | Automated safety check: Pass | Apache-2.0 | today |
| 37 | Build and deploy full-stack web and mobile apps with AWS Amplify Gen2 (TypeScript code-first). | aws/ | 2.8k | — | ~3.9k | Automated safety check: Pass | Apache-2.0 | today |
| 38 | Add new language to a Next.js + next-intl application. An agent skill from github/awesome-copilot. | github/ | 40k | 1 repo | ~188 | Automated safety check: Pass | MIT | today |
| 39 | Authentication integration guidance — Clerk (native Vercel Marketplace), Better Auth, Descope, and Auth0 setup for Next.js applications, plus Sign in with Vercel, Vercel Passport, and Vercel KMS. | vercel/ | 301 | — | ~6.4k | Automated safety check: Notes | Unknown | today |
| 40 | Vercel Functions expert guidance — Node.js/Bun/Python runtimes, Fluid Compute, long-duration (30 min) functions, large functions (5 GB bundles), Docker/OCI container images, plan limits, streaming… | vercel/ | 301 | — | ~12k | Automated safety check: Notes | Unknown | today |
| 41 | Create and launch benchmark test projects to exercise vercel-plugin skill injection across realistic scenarios. | vercel/ | 301 | — | ~946 | Automated safety check: Pass | Unknown | today |
| 42 | Debug Vercel CDN caching — cache hit rate, stale content, revalidation behavior, ISR + PPR, per-request cache reasons (cacheReason) and PPR state (pprstate), and costs. | vercel/ | 301 | — | ~5.3k | Automated safety check: Pass | Unknown | today |
| 43 | Corrects outdated LLM knowledge about the Vercel platform and introduces new products. | vercel/ | 301 | — | ~2.6k | Automated safety check: Pass | Unknown | today |
| 44 | Guide for building, configuring, and deploying microfrontends on Vercel. | vercel/ | 301 | — | ~1.3k | Automated safety check: Pass | Unknown | today |
| 45 | Run live eval sessions against the vercel-plugin to verify hook behavior, skill injection, dedup correctness, and coverage. | vercel/ | 301 | — | ~1.2k | Automated safety check: Pass | Unknown | today |
Community
| # | Skill | Repository | Stars | Used in | Tokens | Auto-check | Licence | Updated |
|---|---|---|---|---|---|---|---|---|
| 46 | Builds responsive, accessible Chakra UI v3 components and layouts, sets up Chakra in new or existing projects, and designs themes with tokens, semantic tokens and recipes. | chakra-ui/ | 41k | — | ~3.1k | Automated safety check: Pass | MIT | today |
| 47 | Best practices for Remotion - Video creation in React. An agent skill from lyonjs/shortvid.io. | lyonjs/ | 147 | 32 repos | ~1k | Automated safety check: Pass | MIT | 2 days ago |
| 48 | Rebuilds existing web pages as editable local code that matches their content, assets, responsive layout and interactions, including Framer sites and animated pages. | JCodesMore/ | 36k | — | ~1.7k | Automated safety check: Pass | MIT | 2 days ago |
Questions, answered from the data.
What is the best Next.js skill?
Vercel Optimize Audit (official) from vercel-labs/agent-skills ranks first of the 595 Next.js skills listed here, with the highest score: its repository has 32k GitHub stars, 8 other GitHub owners carry a copy, its SKILL.md loads about 4.3k tokens and it passes the automated safety check with no findings. Next come AI SDK and Supabase Development and Debugging.
Is there an official Next.js skill?
45 of the 595 Next.js skills are official, published by the vendor's own GitHub organization: Vercel Optimize Audit, AI SDK, Supabase Development and Debugging, React View Transitions Guide, Vercel React Best Practices and 40 more.
How are these skills ranked?
By Skill Navigator score, which combines the GitHub stars of the skill's repository (shared across that repo's skills and discounted for large collections), how many other GitHub owners carry a copy of the skill, and automated SKILL.md quality checks, minus penalties for safety-check warnings and for each further skill from the same repository. Skills that fail the safety check are not listed.