nextjs-v16 — скилл для Claude Code: миграция на Next.js 16
Скилл ведёт миграцию проекта на Next.js 16: асинхронные request API, opt-in кеширование через "use cache" и Turbopack. Пригодится, когда обновляете существующее приложение.
npx skills add bobmatnyc/claude-mpm-skills --skill nextjs-v16 -a claude-codeЧто делает nextjs-v16
Скилл описывает переход на Next.js 16 и собирает типичные ошибки миграции в один список. Внутри — антипаттерны с парой «плохо / хорошо»: синхронные request API против await для params, cookies() и headers(); middleware.ts против proxy.ts с export function proxy; старый вызов revalidateTag("posts") против revalidateTag("posts", "max") или варианта с { expire: ... }.
Кроме краткой сводки есть три справочника: references/migration-checklist.md, references/cache-components.md и references/turbopack.md. То есть чек-лист по шагам, разбор кеш-компонентов и отдельная справка по Turbopack, который в 16-й версии стал значением по умолчанию.
Скилл помечен как user-invocable: false и disable-model-invocation: true — вручную его не вызвать, он подхватывается сам, когда агент работает с кодом Next.js. Если в проекте ещё нет перехода на асинхронные params и cookies(), это повод проверить, на какой версии вы сидите.
Какие задачи решает
- перевести синхронные
paramsиcookies()наawait - заменить
middleware.tsнаproxy.tsсexport function proxy - починить вызов
revalidateTagпод новую сигнатуру - включить opt-in кеширование через
"use cache" - разобраться с Turbopack по умолчанию в 16-й версии
Примеры запросов агенту
- проверь мой проект на антипаттерны Next.js 16
- помоги мигрировать
middleware.tsнаproxy.ts - как правильно вызвать
revalidateTagв Next.js 16
Как установить nextjs-v16
1Через Skills CLI (Vercel)
npx skills add bobmatnyc/claude-mpm-skills --skill nextjs-v16 -a claude-code2Вручную: положить файлы
~/.claude/skills/nextjs-v16/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/nextjs-v16/
1Через Skills CLI (Vercel)
npx skills add bobmatnyc/claude-mpm-skills --skill nextjs-v16 -a codex2Вручную: положить файлы
.agents/skills/nextjs-v16/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add bobmatnyc/claude-mpm-skills --skill nextjs-v16 -a cursor2Вручную: положить файлы
.cursor/skills/nextjs-v16/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install bobmatnyc/claude-mpm-skills nextjs-v162Вручную: положить файлы
.github/skills/nextjs-v16/SKILL.md1Через Skills CLI (Vercel)
npx skills add bobmatnyc/claude-mpm-skills --skill nextjs-v16 -a gemini-cli2Командой платформы
gemini skills install https://github.com/bobmatnyc/claude-mpm-skills --path toolchains/nextjs/nextjs-v16Вручную: положить файлы
.devin/skills/nextjs-v16/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add bobmatnyc/claude-mpm-skills --skill nextjs-v16 -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Из того же набора65
Похожие
Рядом в теме «Фронтенд и UI»
Всё по теме «Фронтенд и UI» →Вопросы о nextjs-v16
Как установить nextjs-v16 в Claude?
Выполните npx skills add bobmatnyc/claude-mpm-skills --skill nextjs-v16 -a claude-code. Скилл окажется в ~/.claude/skills/nextjs-v16/SKILL.md.
Что делает nextjs-v16?
Ведёт миграцию на Next.js 16: асинхронные request API, opt-in кеширование через "use cache", Turbopack. Плюс список антипаттернов и три справочника в references/.
Можно вызвать этот скилл вручную?
Нет. В нём стоит user-invocable: false и disable-model-invocation: true, поэтому он срабатывает сам при работе с кодом Next.js.
Исходный текст
SKILL.md · MIT
---
name: nextjs-v16
description: Next.js 16 migration guide (async request APIs, "use cache", Turbopack)
user-invocable: false
disable-model-invocation: true
version: 1.1.0
category: toolchain
progressive_disclosure:
entry_point:
summary: "Next.js 16 migration: async request APIs + opt-in caching"
tags: [nextjs, nextjs-16]
---
# Next.js 16
- Async `params`/`cookies`/`headers`; opt-in caching via `"use cache"`; Turbopack default.
Anti-patterns:
- ❌ Sync request APIs; ✅ `await` `params`, `cookies()`, and `headers()`.
- ❌ Keep `middleware.ts`; ✅ use `proxy.ts` and `export function proxy`.
- ❌ `revalidateTag("posts")`; ✅ `revalidateTag("posts", "max")` or `{ expire: ... }`.
References: `references/migration-checklist.md`, `references/cache-components.md`, `references/turbopack.md`
© bobmatnyc · MIT · bobmatnyc/claude-mpm-skills
