Чек-лист
кодовое словоАгент
Как настроить Agent Browser и не сжигать токены
Когда Codex или Claude Code тестируют сайт через обычные скриншоты, они быстро съедают лимиты: каждый экран превращается в тяжёлый визуальный контекст. Agent Browser решает это иначе: показывает агенту страницу как набор элементов, ссылок и ref-меток, с которыми можно работать текстом.
Содержание5 глав
01. Открой репозиторий
https://github.com/vercel-labs/agent-browser
02. Установи CLI
npm install -g agent-browser
agent-browser install
03. Добавь skill в агента
npx skills add vercel-labs/agent-browser
04. Базовый workflow
agent-browser open http://localhost:3000
agent-browser snapshot -i
agent-browser click @e1
agent-browser fill @e2 "текст"
Ключевые рекомендации
01
Используй snapshot -i для интерактивных элементов
Используй snapshot -i для интерактивных элементов, а скриншоты оставь только для визуальной проверки
02
Для дизайна добавь проверку
Для дизайна добавь проверку: desktop, mobile, ошибки консоли, клики, формы, пустые состояния
03
Не передавай агенту лишние сайты и авторизации
Не передавай агенту лишние сайты и авторизации: browser state может содержать чувствительные данные
