nextjs-core — скилл для Claude Code: что делает и установка
Задаёт правила разработки на Next.js App Router: серверные компоненты по умолчанию, мутации через Server Actions и точечную ревалидацию кеша.
npx skills add bobmatnyc/claude-mpm-skills --skill nextjs-core -a claude-codeЧто делает nextjs-core
Скилл настраивает работу агента с Next.js App Router. Он требует использовать серверные компоненты везде, где возможно, сводя директиву "use client" к минимуму. Для обработки API и вебхуков прописываются Route Handlers, дополненные экранами загрузки и обработки ошибок.
Любые изменения данных выносятся в Server Actions с валидацией и проверкой прав доступа. Клиентская авторизация без проверки на сервере здесь под запретом. Скилл также блокирует первичную загрузку данных через useEffect и слишком широкий сброс кеша.
Какие задачи решает
- перевести мутации данных в Server Actions с серверной валидацией
- настроить точечную ревалидацию путей и тегов кеша
- убрать вызовы useEffect при начальной загрузке данных
- добавить экраны загрузки и границы ошибок для Route Handlers
Примеры запросов агенту
- Напиши Server Action для обновления профиля с валидацией прав на сервере
- Сделай страницу каталога на серверных компонентах и убери лишний use client
- Создай Route Handler для вебхука с обработкой ошибок и границ загрузки
Как установить nextjs-core
1Через Skills CLI (Vercel)
npx skills add bobmatnyc/claude-mpm-skills --skill nextjs-core -a claude-code2Вручную: положить файлы
~/.claude/skills/nextjs-core/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/nextjs-core/
1Через Skills CLI (Vercel)
npx skills add bobmatnyc/claude-mpm-skills --skill nextjs-core -a codex2Вручную: положить файлы
.agents/skills/nextjs-core/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add bobmatnyc/claude-mpm-skills --skill nextjs-core -a cursor2Вручную: положить файлы
.cursor/skills/nextjs-core/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install bobmatnyc/claude-mpm-skills nextjs-core2Вручную: положить файлы
.github/skills/nextjs-core/SKILL.md1Через Skills CLI (Vercel)
npx skills add bobmatnyc/claude-mpm-skills --skill nextjs-core -a gemini-cli2Командой платформы
gemini skills install https://github.com/bobmatnyc/claude-mpm-skills --path toolchains/nextjs/nextjs-coreВручную: положить файлы
.devin/skills/nextjs-core/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add bobmatnyc/claude-mpm-skills --skill nextjs-core -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Вопросы о nextjs-core
Как установить nextjs-core в Claude Code?
Выполните в терминале команду npx skills add bobmatnyc/claude-mpm-skills --skill nextjs-core -a claude-code. Конфигурация сохранится в файле ~/.claude/skills/nextjs-core/SKILL.md.
Что делает скилл nextjs-core?
Он задаёт архитектурные правила Next.js App Router: приоритет серверных компонентов, вынос мутаций в Server Actions и явное управление кешем.
Какие антипаттерны блокирует этот скилл?
Скилл запрещает клиентскую авторизацию без серверной проверки и блокирует загрузку начальных данных через useEffect.
Исходный текст
SKILL.md · MIT
---
name: nextjs-core
description: Core Next.js patterns for App Router development including Server Components, Server Actions, route handlers, data fetching, and caching strategies
user-invocable: false
disable-model-invocation: true
version: 1.1.0
category: toolchain
progressive_disclosure:
entry_point:
summary: "Server-first patterns with safe mutations (Server Actions) and explicit caching/revalidation"
tags: [nextjs, app-router]
---
# Next.js Core (App Router)
- Server Components by default; minimal `"use client"`.
- Mutations in Server Actions (validate/authz; revalidate tags/paths).
- Route handlers for APIs/webhooks; add loading/error boundaries.
Anti-patterns:
- ❌ Fetch initial data in `useEffect`.
- ❌ Cache or revalidate too broadly.
- ❌ Client-only authz.
References: see `references/` (server actions, fetching, caching, routing, auth, testing).
© bobmatnyc · MIT · bobmatnyc/claude-mpm-skills
