Vibeleaderboard
← Back to Tools
Index / tool

Next.js Skills

https://github.com/vercel-labs/next-skills
Visit github.com
Category
AI Agents
Rank
No. 631Tools index
Pricing
Open Source
Type
TOOL
Builder
vercel-labs
GitHub
978 stars
Date

About

Claude Code skills for Next.js by Vercel Labs. Drop-in capabilities for building, debugging, and optimizing Next.js apps with an agent.

What it does

This repository now acts as a migration notice for agent workflows that help with cache optimization and adoption. Active workflows moved into the framework repository, while reference guidance and upgrade help moved into bundled documentation, generated agent rules, and a codemod.

Why it's ranked here

The migration solves a real maintenance problem: skills can stay matched to the framework version. The repository itself is no longer the useful package, though. Its value is directing users toward current workflows and explaining what replaced each retired skill.

What's good

The split is clear and practical. Workflow automation remains installable, reference knowledge ships with framework documentation, and upgrades use the dedicated codemod. Existing local copies keep working, while reinstalling from the new source restores updates.

Tradeoffs

This repository no longer contains the maintained skills. Old installations receive no updates, and generated agent rules require version 16.3 or newer. Users on version 16.1 or earlier need a separate codemod step to download matched documentation and connect their agent instructions.

How to use it well

Use it as a migration map when configuring an AI coding workflow for a Next.js project. Install the current cache workflow you need, rely on bundled guidance for general practices, and use the upgrade codemod for migrations. It does not provide a maintained standalone skill collection anymore.

Technical notes+

README.md defines the migration model and install surface: workflow skills use the npx skills add CLI, reference material comes from bundled docs plus generated agent rules, and upgrades use npx @next/codemod@latest upgrade. For Next.js 16.1 or earlier, npx @next/codemod@canary agents-md downloads docs into .next-docs/. AGENTS.md repeats the move and installation command, while CLAUDE.md points agents to AGENTS.md. The supplied repository text contains only these three documentation files, with no maintained skill implementation shown.

Observed

Install surface
Current workflow skills install through the npx skills add CLI.
Upgrade interface
Framework upgrades use the npx @next/codemod@latest upgrade CLI command.
Version support
Generated agent rules require Next.js 16.3 or newer; older versions use a codemod workaround.
Packaging
Reference knowledge ships through bundled framework docs and generated agent rules, not as a separate skill.
Repository structure
The supplied tree contains README.md, AGENTS.md, and CLAUDE.md; no maintained skill implementation is shown.

Read from README.md, AGENTS.md, CLAUDE.md.

What it can do

  • Generate Next.js application code

    Natural language description of desired functionality → Next.js code files and components

  • Debug Next.js application errors

    Error messages and problematic code → Identified issues and fix recommendations

  • Optimize Next.js application performance

    Existing Next.js code and performance metrics → Optimized code with performance improvements

  • Build Next.js project structure

    Project requirements and specifications → Complete Next.js project file structure and configuration

  • Analyze Next.js code quality

    Next.js source code files → Code quality assessment and improvement suggestions

  • Configure Next.js project settings

    Deployment and feature requirements → Next.js configuration files and settings

Tags

nextjsclaude-skillsvercelagent

Media

Next.js Skills

Comments (0)

No comments yet

Editorially curated, with community endorsements as a secondary signal. Corrections welcome.