Next.js DevTools MCP
Подключает агента к запущенному dev-серверу Next.js 16+: ошибки, маршруты, логи и путь к документации нужной версии
Установка
claude mcp add next-devtools npx next-devtools-mcp@latestЭто чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
Сервер находит запущенные 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-приложении?Ограничения
Нужны Node.js 20.19+ и запущенный dev-сервер Next.js 16+, иначе доступны только подсказки по документации и браузеру. Сервер собирает анонимную телеметрию, отключается переменной NEXT_TELEMETRY_DISABLED=1. Внешних ключей и аккаунтов не требует.
Как отключить. Удалите сервер next-devtools из конфигурации MCP клиента, например claude mcp remove next-devtools.
MCP
- Транспорт
- stdio
- Авторизация
- не нужна
| Переменные окружения | |
|---|---|
| NEXT_TELEMETRY_DISABLED | Значение 1 отключает анонимную телеметрию |
Проверка безопасности
- Читает логи и метаданные локального dev-сервера
- Отправляет анонимную телеметрию
Коротко о README
README называет сервер тонким коннектором к MCP-эндпоинту, встроенному в Next.js 16. Установка через npx add-mcp или JSON-конфиг, отдельно даны команды для Claude Code, Codex, Gemini, Amp и VS Code. Описаны четыре инструмента, миграция с версии 0.3 и телеметрия с возможностью отключения. Лицензия MIT.
Частые вопросы
Куда делись инструменты апгрейда до Next.js 16?
С версии 0.4.0 их убрали из сервера, сценарии миграции теперь распространяются как скиллы агента.
Нужна ли настройка порта?
Нет, nextjs_index сам сканирует типовые порты и находит запущенные серверы.
Похожие
Официальный скилл и MCP-сервер shadcn/ui: агент ищет компоненты в реестрах, ставит их через CLI и держится правил библиотеки
Скилл для фронтенд-дизайна: 23 команды, итерации в браузере и 61 правило поиска типичных огрехов AI-интерфейсов
Скиллы Vercel для агентов
Agent Skills
Скиллы Vercel: производительность React и Next.js, проверка UI по гайдлайнам, React Native, композиция компонентов и деплой
Три плагина со скиллами для Google Stitch: генерация экранов, перенос кода в дизайн и сборка React из макетов