# Как настроить Agent Browser и не сжигать токены

Когда Codex или Claude Code тестируют сайт через обычные скриншоты, они быстро съедают лимиты: каждый экран превращается в тяжёлый визуальный контекст. Agent Browser решает это иначе: показывает агенту страницу как набор элементов, ссылок и ref-меток, с которыми можно работать текстом.

## 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 может содержать чувствительные данные.

---

Источник: https://localhost:3000/m/kak-nastroit-agent-browser-i-ne-szhigat-tokeny