SkillFoxx

Начните вводить название, задачу или сервис

Скиллы Next.js

Next.js skills

Официальный плагин Claude Code из репозитория Next.js: переход на Cache Components, Partial Prefetching и проверка изменений на живом dev-сервере

ПлагинВыбор редакцииСредний риск

vercel/next.jsАвтор: Vercel

Установка

/plugin marketplace add vercel/next.js
/plugin install nextjs@nextjs

Имена маркетплейса и плагина взяты из .claude-plugin/marketplace.json.

Это чужой код. Посмотрите файлы в репозитории перед установкой.

Что делает

Плагин 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.

Проверка безопасности

  • Правит код проекта и запускает кодмоды
  • Запускает dev-сервер и управляет браузером

Коротко о README

Основной README репозитория описывает сам фреймворк и документацию, про скиллы в нем ничего нет. Маркетплейс nextjs объявлен в .claude-plugin/marketplace.json и указывает на папку skills, где лежит plugin.json с описанием, лицензией MIT и ключевыми словами. Каждый SKILL.md начинается с требований к версии и структуре проекта и дальше расписывает порядок работы.

Частые вопросы

Это те же скиллы, что внутри .agents/skills?

Нет. В .agents/skills лежат инструкции для контрибьюторов Next.js, а в плагин входят только скиллы из папки skills для пользователей фреймворка.

Изменит ли скилл мой код сам?

Да, скиллы миграции правят файлы и запускают кодмоды, поэтому работайте в отдельной ветке.

Выбор редакции

Официальный скилл и MCP-сервер shadcn/ui: агент ищет компоненты в реестрах, ставит их через CLI и держится правил библиотеки

СкиллСредний риск123,8 тыс.
Выбор редакции

Скилл для фронтенд-дизайна: 23 команды, итерации в браузере и 61 правило поиска типичных огрехов AI-интерфейсов

СкиллВысокий риск68 тыс.
Выбор редакции

Скиллы Vercel: производительность React и Next.js, проверка UI по гайдлайнам, React Native, композиция компонентов и деплой

СкиллСредний риск31,2 тыс.
Выбор редакции

MCP-сервер, который передает агенту упрощенные данные макета Figma по ссылке, чтобы тот сверстал экран точнее, чем по скриншоту

MCP-серверСредний риск15,9 тыс.