next-upgrade — скилл для Codex: обновление Next.js по гайдам
Проводит проект через мажорные обновления Next.js: читает текущую версию, тянет официальные гайды и запускает кодмоды.
npx skills add openai/plugins --skill next-upgrade -a codexЧто делает next-upgrade
Скилл смотрит в package.json, находит текущую версию Next.js и связанные зависимости вроде React и React DOM. Дальше он забирает официальную документацию по обновлению — отдельно страницу кодмодов и гайд под нужную версию — и решает, какие шаги миграции вообще применимы к вашему проекту.
Для больших скачков путь разбивается на промежуточные: 13 → 14 → 15, а не одним прыжком. Сначала идут кодмоды, которые закрывают часть ломающих изменений автоматически: npx @next/codemod@latest <transform> <path>. Среди трансформов есть next-async-request-api, next-request-geo-ip и next-dynamic-access-named-export. Потом обновляются сами пакеты — npm install next@latest react@latest react-dom@latest — и типы, если проект на TypeScript.
Кодмоды закрывают не всё. Асинхронные параметры в v15, правки в next.config.js и удаляемые устаревшие возможности придётся разбирать руками по гайду. В конце скилл предлагает прогнать npm run build и npm run dev — без этого обновление не проверить.
Какие задачи решает
- перевести проект со старой мажорной версии Next.js на новую
- закрыть ломающие изменения кодмодами вместо ручной правки
- понять, какие шаги миграции касаются именно вашего проекта
- обновить React и React DOM вместе с Next.js
- проверить сборку после апгрейда
Примеры запросов агенту
- Обнови Next.js до последней версии по официальному гайду
- Прогони кодмоды для перехода на Next.js 15
- Мигрируй проект с 13 на 15 постепенно, по шагам
Как установить next-upgrade
1Через Skills CLI (Vercel)
npx skills add openai/plugins --skill next-upgrade -a codex2Вручную: положить файлы
.agents/skills/next-upgrade/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add openai/plugins --skill next-upgrade -a claude-code2Вручную: положить файлы
~/.claude/skills/next-upgrade/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/next-upgrade/
Вручную: положить файлы
.cursor/skills/next-upgrade/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install openai/plugins next-upgrade2Вручную: положить файлы
.github/skills/next-upgrade/SKILL.mdКомандой платформы
gemini skills install https://github.com/openai/plugins --path plugins/vercel/skills/next-upgradeВручную: положить файлы
.devin/skills/next-upgrade/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Claude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Скиллы Codex: как установить, где лежат и как вызвать
Вопросы о next-upgrade
Как установить next-upgrade в Codex?
Через npx skills add openai/plugins --skill next-upgrade -a codex. Файл скилла окажется по пути .agents/skills/next-upgrade/SKILL.md.
Что делает next-upgrade?
Ведёт проект через обновление Next.js: определяет текущую версию, подтягивает официальные гайды и кодмоды, обновляет зависимости и напоминает про проверку сборки.
Можно ли перепрыгнуть сразу через несколько мажорных версий?
Скилл советует идти пошагово: 13 → 14 → 15. Так проще отследить, какое изменение что сломало.
Исходный текст
SKILL.md · Apache-2.0
---
name: next-upgrade
description: Upgrade Next.js to the latest version following official migration guides and codemods. Use when upgrading Next.js versions, running codemods, or migrating between major releases.
metadata:
priority: 6
docs:
- "https://nextjs.org/docs/app/guides/upgrading"
- "https://nextjs.org/docs/app/guides/upgrading/codemods"
pathPatterns:
- 'next.config.*'
- 'package.json'
bashPatterns:
- '\bnpx\s+@next/codemod\b'
- '\bnpm\s+(install|i|add)\s+[^\n]*\bnext@'
- '\bpnpm\s+(install|i|add)\s+[^\n]*\bnext@'
- '\bbun\s+(install|i|add)\s+[^\n]*\bnext@'
- '\byarn\s+add\s+[^\n]*\bnext@'
promptSignals:
phrases:
- "upgrade next"
- "upgrade nextjs"
- "migrate next"
- "update next.js"
- "next.js upgrade"
- "nextjs migration"
- "next codemod"
allOf:
- [upgrade, next]
- [migrate, next]
- [update, nextjs]
anyOf:
- "breaking changes"
- "codemod"
- "migration guide"
- "version upgrade"
noneOf: []
minScore: 6
---
# Upgrade Next.js
Upgrade the current project to the latest Next.js version following official migration guides.
## Instructions
1. **Detect current version**: Read `package.json` to identify the current Next.js version and related dependencies (React, React DOM, etc.)
2. **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
3. **Determine upgrade path**: Based on current version, identify which migration steps apply. For major version jumps, upgrade incrementally (e.g., 13 → 14 → 15).
4. **Run codemods first**: Next.js provides codemods to automate breaking changes:
```bash
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)
5. **Update dependencies**: Upgrade Next.js and peer dependencies together:
```bash
npm install next@latest react@latest react-dom@latest
```
6. **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
7. **Update TypeScript types** (if applicable):
```bash
npm install @types/react@latest @types/react-dom@latest
```
8. **Test the upgrade**:
- Run `npm run build` to check for build errors
- Run `npm run dev` and test key functionality
© Vercel Labs · Apache-2.0 · openai/plugins