Агент сам открывает контролируемый браузер, читает консоль и сеть — и формирует диагноз.
Описание
Агент через Chrome DevTools MCP открывает контролируемый браузер, читает консоль и сеть, формирует диагноз. Это резко быстрее, чем ручное «открой DevTools, посмотри, скопируй ошибку».
Предусловия
- Установлен Chrome DevTools MCP
- Локальный сервер фронта запущен и доступен по URL, известному агенту (см. UC-003 · AGENTS.md)
Постусловия / гарантия успеха
- Получен список ошибок и предположительный диагноз (например, фронт стучится не в тот порт)
- Сформулирован план фикса (через UC-001 · Plan Mode)
Основной сценарий
- Разработчик в Plan Mode говорит: «посмотри ошибки в DevTools»
- Агент открывает контролируемый браузер на нужном URL
- Считывает консоль и сетевые запросы
- Сопоставляет ошибки с конфигурацией проекта (например, видит несовпадение порта)
- Возвращает диагноз и предлагает план фикса
Расширения / альтернативные потоки
- 2a. Если ключевое слово «DevTools» не названо — может потребоваться явное упоминание
- 5a. Часть проблем (производительность) проще решать через CLI вроде Lighthouse без MCP (см. UC-008 · CLI вместо MCP)
Исключения и риски
Бизнес-правила и ограничения
- Диагностика фронт-багов начинается с симптомов, а не с гипотез о причине (UC-006 · Открытая постановка задачи)
Примечания
Этот юз-кейс — пример честного use-case для MCP: есть состояние (открытый браузер), есть интерактивность.
Частые вопросы
Чем это лучше, чем дать агенту копипасту ошибок из консоли?+
Тем, что агент сам решает, что ещё посмотреть. Видит ошибку → проверяет network → находит, что запрос стучится не туда → сравнивает с конфигом → даёт диагноз. Ручной флоу требовал бы 5 ваших итераций «скопируй, отправь».
Это работает на удалённом сайте или только локально?+
На любом URL, доступном агенту. Если URL за VPN или с auth — нужны соответствующие настройки в MCP. По умолчанию — localhost дев-сервер.
А Lighthouse и performance-аудит?+
Для performance чаще проще CLI-Lighthouse (UC-008): он не требует поддержания состояния и выдаёт JSON-отчёт сразу. DevTools MCP — для интерактивной отладки.
Что если агент «угадывает» ошибку, не открыв браузер?+
Это типичный антипаттерн без MCP. Явно требуйте «открой через DevTools и проверь» — иначе агент может попытаться сэкономить и ответить по коду. Результат хуже.