Отладка интерфейса через Claude in Chrome в паре с Claude Code
Фронтенд-разработчик подключает Claude in Chrome к работе с Claude Code. Агент открывает приложение, кликает по нему, читает DOM, ошибки консоли и сетевые запросы и помогает чинить баги интерфейса. Конкретных примеров в доступной части статьи нет.
Что сделали
Автор пользуется расширением Claude in Chrome, которое живёт в боковой панели браузера. Оно умеет переходить по страницам, нажимать кнопки, читать элементы DOM, смотреть ошибки в консоли и следить за сетевыми запросами. Вместе с Claude Code в терминале получается цикл. Пишешь код, Claude открывает его в Chrome, проверяет и находит проблемы.
Что получилось
Читается только вступление статьи. Автор пишет, что ему больше не нужно переключаться между вкладками и воспроизводить ошибки руками. Конкретных багов, цифр или неудач он не приводит.
На что обратить внимание
Статья только для подписчиков Medium и обрывается рано. Claude in Chrome доступен на платных тарифах (Pro, Team или Enterprise). Один читатель в комментариях беспокоится, какой браузерный трафик видит расширение.
Кому пригодится
Фронтенд-разработчикам, которые сами воспроизводят баги в браузере и хотят отдать это агенту.
Попробуйте сами с Claude in Chrome
Открой моё приложение по адресу [ссылка] в Chrome и воспроизведи баг интерфейса [описание]. Изучи DOM, ошибки консоли и сетевые запросы, найди причину и исправь её в коде в [путь к репозиторию]. Перезагрузи страницу и убедись, что бага больше нет и рядом ничего не сломалось. Кратко опиши причину и правку. Не коммить, пока я не посмотрю diff.
Нужна помощь с запуском? Вступайте в сообщество AI Pack ↗
Источник: anmol-gupta.medium.com ·