Next Upgrade Agent Skill

by vercel-labs

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

502 tokens

context cost

SKILL.md, read when the skill is used

files

instructions only

copies elsewhere

how many repositories repackaged it

1 484

stars on the repo

on the repository, not the skill itself

Install

one command, takes just this skill from the repository

npx skills add https://github.com/vercel-labs/openreview --skill next-upgrade

What it tells the agent to use

found in the instruction text

WebFetch fetches pages from the network

The instruction itself

2 sections, as written by the author

Upgrade Next.js

Upgrade the current project to the latest Next.js version following official migration guides.

Instructions

Detect current version: Read package.json to identify the current Next.js version and related dependencies (React, React DOM, etc.)

Fetch the latest upgrade guide: Use WebFetch to get the official upgrade documentation:
Codemods: https://nextjs.org/docs/app/guides/upgrading/codemods
Version-specific guides (adjust version as needed):
https://nextjs.org/docs/app/guides/upgrading/version-16
https://nextjs.org/docs/app/guides/upgrading/version-15
https://nextjs.org/docs/app/guides/upgrading/version-14

Determine upgrade path: Based on current version, identify which migration steps apply. For major version jumps, upgrade incrementally (e.g., 13 → 14 → 15).

Run codemods first: Next.js provides codemods to automate breaking changes:

   npx @next/codemod@latest <transform> <path>

Common transforms:

next-async-request-api - Updates async Request APIs (v15)
next-request-geo-ip - Migrates geo/ip properties (v15)
next-dynamic-access-named-export - Transforms dynamic imports (v15)

Update dependencies: Upgrade Next.js and peer dependencies together:

   npm install next@latest react@latest react-dom@latest

Review breaking changes: Check the upgrade guide for manual changes needed:
API changes (e.g., async params in v15)
Configuration changes in next.config.js
Deprecated features being removed

Update TypeScript types (if applicable):

   npm install @types/react@latest @types/react-dom@latest

Test the upgrade:
Run npm run build to check for build errors
Run npm run dev and test key functionality

Other skills for the same job

different authors, same section of the catalogue

MCP Builder

by anthropics

vendor ×16

Guide for creating high-quality MCP (Model Context Protocol) servers that enable LLMs to interact with external services through well-designed tools. Use when building MCP servers to integrate external APIs or services, whether in Python (FastMCP) or Node/TypeScript (MCP SDK).

2.3k tokens scripts

Finishing A Development Branch

by ZhanlinCui

×9

Use when implementation is complete, all tests pass, and you need to decide how to integrate the work - guides completion of development work by presenting structured options for merge, PR, or cleanup

Automatically creates user-facing changelogs from git commits by analyzing commit history, categorizing changes, and transforming technical commits into clear, customer-friendly release notes. Turns hours of manual changelog writing into minutes of automated generation.

Vercel React Best Practices

by ratacat

×7

React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.

Use when starting feature work that needs isolation from current workspace or before executing implementation plans - creates isolated git worktrees with smart directory selection and safety verification

1.4k tokens

Github Release Assistant

by ZhanlinCui

×4

Generate bilingual GitHub release documentation (README.md + README.zh.md) from repo metadata and user input, and guide release prep with git add/commit/push. Use when the user asks to write or polish README files, create bilingual docs, prepare a GitHub release, or mentions release assistant/README generation.

Vendor-agnostic lab automation framework. Use when controlling multiple equipment types (Hamilton, Tecan, Opentrons, plate readers, pumps) or needing unified programming across different vendors. Best for complex workflows, multi-vendor setups, simulation. For Opentrons-only protocols with official API, opentrons-integration may be simpler.

2.3k tokens

How to use it

Copy the folder

Take vercel-labs/next-upgrade from the repository into ~/.claude/skills for personal use, or into .claude/skills inside a project.

Check the name does not clash

The agent identifies a skill by the name field in its header. Two skills with the same name cannot sit side by side — one of them will be ignored.

Install what it needs

The instructions reference npm, npx. Without those the skill loads but fails at the first command.