vercel/next-devtools-mcp

Настраивает и использует автоматизацию браузера для этого проекта через CLI agent-browser. Этот инструмент НЕ управляет браузером сам. Он указывает вам на agent-browser - быстрый нативный CLI для автоматизации браузера, созданный для агентов (https://github.com/vercel-labs/agent-browser) - и рассказывает, как его установить (если нужно) и с чего начать. Затем вы запускаете его команды напрямую (у вас есть доступ к shell): это быстрее и даёт больше возможностей, чем проксировать автоматизацию через MCP. Вызывайте его, когда нужно открыть страницы, кликнуть, ввести текст, сделать скриншот или собрать ошибки консоли в реальном браузере.

Вызывает определённый MCP-инструмент на запущенном сервере разработки Next.js. ТРЕБОВАНИЯ: - Номер порта целевого сервера разработки Next.js - Имя инструмента для выполнения - Необязательный объект с аргументами (если инструмент требует параметры) Сначала используй 'nextjs_index', чтобы узнать доступные серверы, инструменты и их входные схемы. Если автообнаружение 'nextjs_index' не сработало, спроси у пользователя номер порта и вызови 'nextjs_index' ещё раз с параметром 'port'. ВАЖНО: При вызове инструментов: - Параметр 'args' ОБЯЗАТЕЛЬНО должен быть объектом (например, {key: "value"}), а НЕ строкой - Если инструмент не требует аргументов, ОПУСТИ параметр 'args' целиком — НЕ передавай {} или "{}" - Проверь inputSchema инструмента из 'nextjs_index', чтобы понять, какие аргументы требуются Распространённые MCP-инструменты Next.js: - Диагностика ошибок (получает ошибки компиляции/выполнения) - Информация о маршрутах (список всех маршрутов) - Статус сборки (проверяет состояние компиляции) - Управление кешем (очищает кеши) - И другие (зависят от версии Next.js) Пример использования: 1. Вызови 'nextjs_index', чтобы увидеть серверы и инструменты 2. Вызови 'nextjs_call' с port=3000, toolName="get_errors", чтобы получить ошибки с сервера на порту 3000

Находит документацию Next.js, точно соответствующую версии ЭТОГО проекта. Этот инструмент НЕ загружает документацию. Next.js 16+ поставляет свою полную документацию внутри установленного пакета по пути node_modules/next/dist/docs/ (Markdown), синхронизированную с точной версией, которая установлена у вас. Этот инструмент показывает, где находятся эти документы и как их читать, поэтому вы читаете документацию, соответствующую этому проекту, а не универсальную или устаревшую копию. Вызывайте этот инструмент перед ответами на вопросы о Next.js или написанием кода Next.js. Затем прочитайте соответствующее руководство по пути, который он вернет. Если проект использует более старую версию Next.js, инструмент подскажет, как обновиться.

Обнаруживает все запущенные dev-серверы Next.js и перечисляет их доступные MCP-инструменты. КОГДА ИСПОЛЬЗОВАТЬ ЭТОТ ИНСТРУМЕНТ - Используй его проактивно в следующих сценариях: 1. Перед внесением ЛЮБЫХ изменений в приложение: когда просят что-то добавить, изменить или исправить в приложении: - «Добавить состояние загрузки» → сначала проверь текущую структуру компонентов и маршруты - «Исправить навигацию» → изучи существующие маршруты и компоненты - «Обновить API-эндпоинт» → запроси текущие маршруты и потоки данных - «Добавить обработку ошибок» → проверь ошибки рантайма и иерархию компонентов - «Отрефакторить логику авторизации» → изучи текущую реализацию авторизации и маршруты - «Оптимизировать производительность» → проверь диагностику рантайма и дерево компонентов Используй это, чтобы понять, куда вносить изменения и что уже есть. 2. Для диагностики и разбора проблем: - «Что происходит?» / «Что случилось?» / «Почему это не работает?» - «Проверь ошибки» / «Посмотри, что не так» - «Какие маршруты доступны?» / «Покажи маршруты» - «Очисти кэш» / «Сбрось всё» - Вопросы о статусе сборки, ошибках компиляции или диагностике рантайма 3. Для агентного поиска по кодовой базе: используй это в ПЕРВУЮ ОЧЕРЕДЬ при поиске по запущенному приложению. Если ничего не нашлось, переходи к инструментам статического поиска по кодовой базе. КЛЮЧЕВОЙ ПРИНЦИП: если запрос касается запущенного приложения Next.js (нужно ИЛИ изучить, ИЛИ изменить его), запроси рантайм СНАЧАЛА, чтобы понять текущее состояние, и только потом действуй. ТРЕБОВАНИЯ: - Next.js 16 или новее (поддержка MCP появилась в v16) - Если у тебя Next.js 15 или раньше, сначала обнови версию: выполни 'npx @next/codemod@latest upgrade latest' Next.js 16+ автоматически открывает MCP-эндпоинт (Model Context Protocol) по адресу /_next/mcp при запуске dev-сервера. Никакой настройки не требуется - MCP включён по умолчанию в Next.js 16 и новее. Этот инструмент обнаруживает все запущенные серверы Next.js и возвращает: - порт сервера, PID и URL - полный список доступных MCP-инструментов для каждого сервера - Инструмент…