Framework

Next.js agent skills for Claude Code, Codex and other agents.

React framework from Vercel for server-rendered and static web apps with the App Router, Server Components and Server Actions.
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)

Official Next.js skills
#SkillRepositoryStarsUsed inTokensAuto-checkLicenceUpdated
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/agent-skills32k8 repos~4.3kAutomated safety check: PassNo licence1 mo ago
2
2.AI SDKOfficial

Answer questions about the AI SDK and help build AI-powered features.

vercel-labs/ai-facts16821 repos~1.2kAutomated safety check: PassNo licence5 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/agent-skills2.7k3 repos~3.6kAutomated safety check: PassMIT5 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/next-beats16710 repos~3.1kAutomated safety check: PassMIT8 days ago
5

React and Next.js performance optimization guidelines from Vercel Engineering.

sanity-io/sanity6.4k130 repos~1.6kAutomated safety check: PassMITtoday
6
6.Turnstile SpinOfficial

Set up, repair, or migrate to Cloudflare Turnstile bot verification in an existing frontend and backend, including server-side Siteverify.

cloudflare/skills3k4 repos~7.2kAutomated safety check: NotesApache-2.05 days ago
7

Next.js 16 Cache Components - PPR, use cache directive, cacheLife, cacheTag, updateTag

vercel-labs/openreview1.7k9 repos~2.3kAutomated safety check: PassNo licence7 mo ago
8
8.Next Dev LoopOfficial

Verify Next.js runtime behavior after editing app code. An agent skill from sanity-io/ui.

sanity-io/ui1768 repos~2kAutomated safety check: PassMITtoday
9

Build, migrate, and deploy Next.js apps on Cloudflare Workers with vinext.

cloudflare/skills3k2 repos~678Automated safety check: PassApache-2.05 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/openreview1.7k18 repos~1kAutomated safety check: PassNo licence7 mo ago
11
11.Qstash JSOfficial

Work with the QStash JavaScript/TypeScript SDK for serverless messaging, scheduling.

upstash/qstash-js2691 repo~746Automated safety check: PassMITyesterday
12
12.Next UpgradeOfficial

Upgrade Next.js to the latest version following official migration guides and codemods

vercel-labs/openreview1.7k6 repos~502Automated safety check: PassNo licence7 mo ago
13
13.Analyze BundleOfficial

Convert Next.js bundle analyzer data to NDJSON and explore it

vercel-labs/dev30001.6k—~617Automated safety check: PassMITtoday
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/ui1766 repos~6.3kAutomated safety check: PassMITtoday
15
15.Deployments CicdOfficial

Vercel deployment and CI/CD expert guidance. An agent skill from vercel/vercel-plugin.

vercel/vercel-plugin3011 repo~3kAutomated safety check: PassUnknowntoday
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/agent-browser44k—~2kAutomated safety check: PassApache-2.0today
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/kotlin-web-site1.6k—~444Automated safety check: PassApache-2.0yesterday
18

Apply dashboard-grade chat UX patterns in the Eve chat template.

vercel-labs/eve-chat-template137—~2.1kAutomated safety check: PassNo licence1 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/skills100—~783Automated safety check: PassMIT2 mo ago
20

Full Sentry SDK setup for Next.js. An agent skill from getsentry/sentry-for-ai.

getsentry/sentry-for-ai268—~4.7kAutomated safety check: NotesApache-2.0today
21

Turn on Partial Prefetching in a Next.js app and work through the insights it surfaces.

sanity-io/ui1762 repos~5.8kAutomated safety check: PassMITtoday
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/agent-toolkit187—~1.3kAutomated safety check: PassMITyesterday
23

Integrates Sanity Live with Next.js Cache Components in next-sanity v13+ apps.

sanity-io/ui176—~4.2kAutomated safety check: PassMITtoday
24
24.Vercel ServicesOfficial

Configure and troubleshoot Vercel Services for multiple frontends and backends in one project.

vercel/vercel-plugin301—~3kAutomated safety check: PassUnknowntoday
25
25.BootstrapOfficial

Project bootstrapping orchestrator for repos that depend on Vercel-linked resources (databases, auth, and managed integrations).

vercel/vercel-plugin301—~2.1kAutomated safety check: NotesUnknowntoday
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/awesome-copilot40k1 repo~1.6kAutomated safety check: PassMITtoday
27
27.Amplify WorkflowOfficial

Build and deploy full-stack web and mobile apps with AWS Amplify Gen2 (TypeScript code-first).

awslabs/agent-plugins912—~3.2kAutomated safety check: PassApache-2.0yesterday
28
28.Env VarsOfficial

Vercel environment variable expert guidance. An agent skill from vercel/vercel-plugin.

vercel/vercel-plugin301—~3kAutomated safety check: NotesUnknowntoday
29
29.Upstash RedisOfficial

Use Redis over HTTP from serverless and edge runtimes with @upstash/redis, and add rate limiting with @upstash/ratelimit.

github/awesome-copilot40k—~1.7kAutomated safety check: PassMITtoday
30
30.Flags SDKOfficial

Set up and use feature flags and A/B tests with the Flags SDK (flags npm package) and Vercel Flags.

vercel/vercel-plugin301—~6.9kAutomated safety check: NotesUnknowntoday
31

Migrate an existing web React app to a native iOS/Android app with Expo.

expo/skills2.7k—~2.6kAutomated safety check: PassMITtoday
32
32.QueuesOfficial

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/vercel-plugin301—~2.4kAutomated safety check: PassUnknowntoday
33

Vercel Routing Middleware guidance — request interception before cache, rewrites, redirects, personalization.

vercel/vercel-plugin301—~2.8kAutomated safety check: PassUnknowntoday
34
34.Runtime CacheOfficial

Vercel Runtime Cache API guidance — ephemeral per-region key-value cache with tag-based invalidation.

vercel/vercel-plugin301—~2.3kAutomated safety check: PassUnknowntoday
35
35.Sentry Node SDKOfficial

Full Sentry SDK setup for Node.js, Bun, and Deno. An agent skill from getsentry/sentry-for-ai.

getsentry/sentry-for-ai268—~8.4kAutomated safety check: PassApache-2.0today
36
36.Sentry SDK SetupOfficial

Set up Sentry in any language or framework. An agent skill from getsentry/sentry-for-ai.

getsentry/sentry-for-ai268—~1.7kAutomated safety check: PassApache-2.0today
37
37.AWS AmplifyOfficial

Build and deploy full-stack web and mobile apps with AWS Amplify Gen2 (TypeScript code-first).

aws/agent-toolkit-for-aws2.8k—~3.9kAutomated safety check: PassApache-2.0today
38

Add new language to a Next.js + next-intl application. An agent skill from github/awesome-copilot.

github/awesome-copilot40k1 repo~188Automated safety check: PassMITtoday
39
39.AuthOfficial

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/vercel-plugin301—~6.4kAutomated safety check: NotesUnknowntoday
40
40.Vercel FunctionsOfficial

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/vercel-plugin301—~12kAutomated safety check: NotesUnknowntoday
41

Create and launch benchmark test projects to exercise vercel-plugin skill injection across realistic scenarios.

vercel/vercel-plugin301—~946Automated safety check: PassUnknowntoday
42
42.Cdn CachingOfficial

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/vercel-plugin301—~5.3kAutomated safety check: PassUnknowntoday
43
43.Knowledge UpdateOfficial

Corrects outdated LLM knowledge about the Vercel platform and introduces new products.

vercel/vercel-plugin301—~2.6kAutomated safety check: PassUnknowntoday
44
44.MicrofrontendsOfficial

Guide for building, configuring, and deploying microfrontends on Vercel.

vercel/vercel-plugin301—~1.3kAutomated safety check: PassUnknowntoday
45

Run live eval sessions against the vercel-plugin to verify hook behavior, skill injection, dedup correctness, and coverage.

vercel/vercel-plugin301—~1.2kAutomated safety check: PassUnknowntoday

Community

Community Next.js skills
#SkillRepositoryStarsUsed inTokensAuto-checkLicenceUpdated
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/chakra-ui41k—~3.1kAutomated safety check: PassMITtoday
47

Best practices for Remotion - Video creation in React. An agent skill from lyonjs/shortvid.io.

lyonjs/shortvid.io14732 repos~1kAutomated safety check: PassMIT2 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/ai-website-cloner-template36k—~1.7kAutomated safety check: PassMIT2 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.