next-devtools-mcp

next-devtools-mcp

vercel
765 звёзд56 форков
Сервер next-devtools-mcp подключает инструменты разработки Next.js к ИИ-ассистентам. Работает через протокол MCP и передаёт команды через стандартный ввод-вывод (stdio). Разработчики используют его, чтобы управлять проектом прямо из диалога: запускать сборку, проверять код, смотреть структуру маршрутов. Ассистент получает доступ к файловой системе и конфигурации Next.js — это ускоряет рутинные операции без переключения между окнами. Сервер загружается через npx, не требует установки глобально. Достаточно настроить его один раз в вашем MCP-клиенте, и все инструменты Next.js станут доступны ассистенту. Это особенно полезно для команд, которые работают с Next.js проектами и хотят сократить время на типовые операции: сборку, линтинг, проверку типов.
Vercel
Открыть на GitHub

Установка

npx -y next-devtools-mcp

Характеристики

Общее

  • СтатусСообщество
  • Разработчикvercel

Технологии

  • Языки
    TypeScript
  • Транспорт
    stdio

Описание

Возможности

  • Запускает сборку проекта: выполняет next build и возвращает результат.
  • Проверяет код: запускает next lint и выводит ошибки.
  • Показывает структуру маршрутов: анализирует папки app или pages.
  • Читает конфигурацию: получает параметры из next.config.mjs.
  • Запускает сервер разработки: команда next dev для локальной работы.
  • Выполняет сценарии: запускает команды из package.json.
  • Проверяет типы: выполняет TypeScript-проверку проекта.
  • Читает файлы проекта: извлекает содержимое компонентов и страниц для анализа.
  • Анализирует зависимости: показывает версии Next.js и других установленных пакетов.
  • Автоматически исправляет ошибки линтинга, когда это возможно.

Как подключить

Установите сервер через пакетный менеджер Node.js. Требуется Node.js версии 20.19 или новее.

Запустите команду установки:

npx add-mcp next-devtools-mcp@latest

Или установите вручную, добавив конфигурацию в настройки вашего MCP-клиента. Пример для Claude Desktop:

{
  "mcpServers": {
    "next-devtools": {
      "command": "npx",
      "args": ["-y", "next-devtools-mcp@latest"]
    }
  }
}

После сохранения конфигурации перезапустите клиент (Claude Desktop, Cursor, Codex и другие).

Примеры запросов

  • «Запусти next build и покажи, какие ошибки возникли при сборке».
  • «Найди все страницы в директории app и выведи их структуру».
  • «Проверь код линтером и исправь ошибки, которые можно автоматически».
  • «Прочитай next.config.mjs и скажи, какие плагины подключены».
  • «Запусти next dev и проверь, нет ли ошибок в консоли».

Технические детали

  • Язык разработки: TypeScript
  • Транспорт: stdio
  • Разработчик: Vercel
  • Лицензия: не указана (распространяется через npm)
  • Совместимые клиенты: Claude Desktop, Cursor, Codex, Gemini, Claude Code, Amp
  • Зависимости: Node.js v20.19 или новее

Поделиться