skills.rest
vercelvercelOfficial·22 Agent Skills Included

next.js

Build, test, and ship full-stack React web apps with Next.js

Guides AI agents through building, testing, and optimizing Next.js applications and the framework itself. Covers Cache Components adoption, instant navigation optimization, PR creation, CI triage, and performance benchmarking. Eliminates manual test setup, flaky debugging loops, and guesswork when migrating routes or reviewing pull requests.
142,040|31,846
↗
npx skills add vercel/next.js --all -g -y
Available:

Instructs the AI agent on the Next.js monorepo structure, build and test commands, watch-mode development rules, and PR triage procedures so it can modify and verify framework code correctly.

All Skills in This Repository (22)

Pure Emerald Level Indicators
📦 In Repo
vercelvercel

react-vendoring

Enforce React vendoring and server boundary rules through entry-base.ts.

Official
Advanced
📦 In Repo
vercelvercel

authoring-skills

Define SKILL.md frontmatter and file structure for .agents/skills directories.

Official
Intermediate
📦 In Repo
vercelvercel

flags

Implement Next.js experimental feature flags across config and runtime files.

Official
Advanced
📦 In Repo
vercelvercel

update-docs

Synchronize Next.js documentation with code changes on the active branch.

Official
Intermediate
📦 In Repo
vercelvercel

v8-jit

Apply V8 JIT patterns to optimize JavaScript hot paths in Next.js server internals.

Official
Advanced
📦 In Repo
vercelvercel

router-act

Control Next.js router request timing and responses for deterministic end-to-end tests.

Official
Advanced
📦 In Repo
vercelvercel

pr-status-triage

Triage PR status and CI failures across the Next.js monorepo.

Official
Advanced
📦 In Repo
vercelvercel

write-api-reference

Generate structured MDX API reference pages for Next.js APIs.

Official
Intermediate
📦 In Repo
vercelvercel

write-guide

Generates progressive how-to guides with front matter, steps, and conclusions from provided materials.

Official
Intermediate
📦 In Repo
vercelvercel

runtime-debug

Diagnose runtime bundle and module-resolution regressions in Next.js projects.

Official
Advanced
📦 In Repo
vercelvercel

dce-edge

Implement DCE-safe require patterns for Node-only imports in Next.js edge builds.

Official
Advanced
📦 In Repo
vercelvercel

cache-components

Co-locate caching with React Server Components using cacheLife and cacheTag directives.

Official
Advanced

Frequently Asked Questions

FAQPage Schema
How to install Next.js skills?▼

Run `npx skills add vercel/next.js --all -g -y` in your terminal to install all skills in this suite globally.

What do the Next.js agent skills do?▼

They teach AI agents how to build, test, and optimize Next.js apps, including Cache Components migration, instant navigation fixes, PR creation, and CI failure triage.

How to make Next.js navigation instant with AI?▼

The cache-components-optimizer skill drives a test-based loop that pushes dynamic data behind Suspense boundaries so your route's static shell loads instantly.

Do these skills work with Claude Code and Cursor?▼

Yes. All skills follow the universal SKILL.md standard and run in Claude Code, Cursor, Codex, and other compatible AI coding agents.

Can AI agents contribute to the Next.js framework itself?▼

Yes. Internal skills cover feature flags, React vendoring, V8 performance patterns, backporting PRs, and stacked pull request workflows for framework contributors.

Related Repositories in Software Engineering

View All in Software Engineering→
openclawopenclaw
388.4k

openclaw

Run a personal AI assistant across your devices and chat apps

Official📦 120 Skills
obraobra
280.0k

superpowers

Gives coding agents a disciplined workflow from idea to merged code

Community📦 15 Skills
facebookfacebook
248.4k

react

AI agent skills for building, testing, and porting React core

Official📦 14 Skills