Next.js DevTools MCP
Подключает агента к запущенному dev-серверу Next.js 16+: ошибки, маршруты, логи и путь к документации нужной версии
- 834 ★ репозитория
- Последний коммит
Расширенный доступ
Почему такой уровень
- Читает логи и метаданные локального dev-сервера
- Отправляет анонимную телеметрию
Установка
- Работает в
В терминале, через SkillFoxx CLI
npx skillfoxx add mcp/next-js-devtools-mcpОпределит агенты на машине, покажет уровень доступа и зафиксирует версию.
Другие способы установки
Доступ и проверки
Как мы проверяемРасширенный доступИнструмент запускает код или ходит в сеть, а внешние данные только читает.
- Читает логи и метаданные локального dev-сервера
- Отправляет анонимную телеметрию
Это чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
Сервер находит запущенные dev-серверы Next.js 16+ и проксирует их встроенный MCP-эндпоинт /_next/mcp. Через него агент получает ошибки сборки и рантайма, структуру маршрутов, метаданные проекта, логи и источник Server Action по его ID. Инструмент nextjs_docs указывает агенту на документацию, которая лежит в node_modules вместе с установленной версией Next.js. Инструмент browser_eval подсказывает, как поставить и запустить CLI agent-browser для проверки страниц в браузере.
Для кого. Для фронтенд-разработчиков, которые пишут на Next.js вместе с агентом.
Подходит, если
- Агент правит Next.js-приложение и должен видеть реальные ошибки dev-сервера
- Нужно быстро понять структуру маршрутов проекта
- Агент путает API разных версий Next.js
Не подходит, если
- Проект на Next.js ниже 16: рантайм-инструменты там не работают
- Проект не на Next.js
Пример запроса к агенту
Какие ошибки сейчас есть в моем Next.js-приложении?MCP
- Транспорт
- stdio
- Авторизация
- не нужна
Переменные окружения
NEXT_TELEMETRY_DISABLED- Значение 1 отключает анонимную телеметрию
Ограничения
Нужны Node.js 20.19+ и запущенный dev-сервер Next.js 16+, иначе доступны только подсказки по документации и браузеру. Сервер собирает анонимную телеметрию, отключается переменной NEXT_TELEMETRY_DISABLED=1. Внешних ключей и аккаунтов не требует.
Как отключить. Удалите сервер next-devtools из конфигурации MCP клиента, например claude mcp remove next-devtools.
Частые вопросы
Куда делись инструменты апгрейда до Next.js 16?
С версии 0.4.0 их убрали из сервера, сценарии миграции теперь распространяются как скиллы агента.
Нужна ли настройка порта?
Нет, nextjs_index сам сканирует типовые порты и находит запущенные серверы.
Обсуждение
Вопросов и отзывов пока нет.
Похожие
MCP-серверыКонсоль, сеть, скриншоты и аудиты Lighthouse из вашего открытого Chrome прямо в агент через расширение DevTools
MCP-сервер и расширение Chrome: выбираете элемент DOM в браузере по Option+клику, агент видит его текст, стили и селектор
Nuxt MCP Dev
nuxt-mcp-dev / vite-plugin-mcp
Модуль Nuxt и плагин Vite поднимают MCP-сервер на порту dev-сервера: агент видит конфигурацию, страницы, компоненты, автоимпорты и граф модулей
MCP-сервер и плагин 21st.dev: поиск готовых React/Tailwind компонентов, логотипов и генерация интерфейса прямо из агента
CLI, который дает агенту смотреть работающее приложение на React: дерево компонентов, props, state, hooks и профилирование рендеров
Панель разметки для React-страниц: клик по элементу дает агенту селектор и контекст, скиллы настраивают подключение и сами ведут критику интерфейса
Сравнение с похожими
Записи с тем же главным запросом: чем они отличаются.
| Запись | Официальный | Авторизация | Звезды репозитория | Главное отличие |
|---|---|---|---|---|
| Next.js DevTools MCP (эта запись) | да | не нужна | 834 | |
| portless | да | 12 760 | CLI от Vercel Labs | |
| vinext — скилл миграции с Next.js | да | 9 264 | скилл Cloudflare ведет агента через перенос проекта с Next.js на |
Коротко о README
README называет сервер тонким коннектором к MCP-эндпоинту, встроенному в Next.js 16. Установка через npx add-mcp или JSON-конфиг, отдельно даны команды для Claude Code, Codex, Gemini, Amp и VS Code. Описаны четыре инструмента, миграция с версии 0.3 и телеметрия с возможностью отключения. Лицензия MIT.