Скиллы Next.js — плагин
Next.js skills
Официальный плагин Claude Code из репозитория Next.js: переход на Cache Components, Partial Prefetching и проверка изменений на живом dev-сервере
- 143 191 ★ репозитория
- Последний коммит
- MIT
Расширенный доступ
Почему такой уровень
- Правит код проекта и запускает кодмоды
- Запускает dev-сервер и управляет браузером
Установка
- Работает в
В терминале, через SkillFoxx CLI
npx skillfoxx add plugins/next-js-skillsОпределит агенты на машине, покажет уровень доступа и зафиксирует версию.
Другие способы установки
Доступ и проверки
Как мы проверяемРасширенный доступИнструмент запускает код или ходит в сеть, а внешние данные только читает.
- Правит код проекта и запускает кодмоды
- Запускает dev-сервер и управляет браузером
Это чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
Плагин nextjs собирает скиллы из папки skills репозитория Next.js. Скиллы next-cache-components-adoption и next-cache-components-optimizer ведут агента через включение Cache Components и разбор блокирующих маршрутов, включая кодмод cache-components-instant-false. Пара next-partial-prefetching-adoption и next-partial-prefetching-optimizer делает то же для Partial Prefetching. Скилл next-dev-loop проверяет правку в работающем приложении, сверяя данные эндпоинта /_next/mcp с браузером через agent-browser.
Для кого. Для фронтенд-разработчиков, которые переводят приложение Next.js на новые механизмы кеширования и предзагрузки.
Подходит, если
- Нужно включить cacheComponents и довести сборку до успешной
- Нужно внедрить Partial Prefetching в App Router
- Нужно убедиться, что правка реально работает в next dev, а не только компилируется
Не подходит, если
- Проект на Pages Router без папки app
- Версия Next.js ниже 16.3 и обновляться пока нельзя
Пример запроса к агенту
Включи Cache Components в этом проекте и разбери маршруты, которые блокируют сборкуОграничения
Скиллам нужен Next.js 16.3 или новее с Turbopack и App Router, next-dev-loop дополнительно требует agent-browser 0.31.1 или новее. Приложение должно запускаться локально с рабочим окружением. В README репозитория плагин не описан, команды установки следуют из манифеста .claude-plugin/marketplace.json.
Как отключить. Удалите плагин nextjs через /plugin.
Частые вопросы
Это те же скиллы, что внутри .agents/skills?
Нет. В .agents/skills лежат инструкции для контрибьюторов Next.js, а в плагин входят только скиллы из папки skills для пользователей фреймворка.
Изменит ли скилл мой код сам?
Да, скиллы миграции правят файлы и запускают кодмоды, поэтому работайте в отдельной ветке.
Обсуждение
Вопросов и отзывов пока нет.
Похожие
ПлагиныСкилл и MCP-сервер библиотеки Shaders: агент собирает фоны, стекло, градиенты и курсорные эффекты на WebGPU для React, Vue, Svelte, Solid и JS
Маркетплейс плагинов и скиллов Claude Code для 3D, анимации и современного веба: Three.js, GSAP, React Three Fiber, Babylon.js
Скиллы Vercel для агентов
Agent Skills
Скиллы Vercel: производительность React и Next.js, проверка UI по гайдлайнам, React Native, композиция компонентов и деплой
Скилл-методика воспроизведения сайтов: от статичной страницы до тяжелого WebGL, с упором на настоящий исходный код, а не на выдуманный агентом
Подключает агента к запущенному dev-серверу Next.js 16+: ошибки, маршруты, логи и путь к документации нужной версии
Скиллы Material UI
Material UI agent skills
Четыре официальных скилла Material UI: стилизация, темы, интеграция с Next.js и совместная работа с Tailwind CSS
Коротко о README
Основной README репозитория описывает сам фреймворк и документацию, про скиллы в нем ничего нет. Маркетплейс nextjs объявлен в .claude-plugin/marketplace.json и указывает на папку skills, где лежит plugin.json с описанием, лицензией MIT и ключевыми словами. Каждый SKILL.md начинается с требований к версии и структуре проекта и дальше расписывает порядок работы.