Agent Browser — скилл для Claude Code: браузер для агента
Скилл даёт агенту headless-браузер на Rust: открывать страницы, кликать, заполнять формы и снимать снапшоты структурированными командами.
npx skills add am-will/codex-skills --skill agent-browser -a claude-codeЧто делает Agent Browser
Agent Browser — это CLI для автоматизации браузера, который агент вызывает как обычные команды. Навигация, клики, ввод текста, извлечение данных и скриншоты идут через agent-browser open, click, fill, snapshot. Ядро написано на Rust, есть запасной вариант на Node.js.
Работает через снапшоты и ссылки на элементы. Сначала снимаешь снапшот, получаешь список элементов с ref-метками вроде @e2, потом действуешь по ним. Ссылки живут в пределах одной загрузки страницы и сбрасываются при переходе, поэтому после каждой навигации нужен новый снапшот. Для машинного вывода есть флаг --json, для отладки — --headed.
Для сайтов с OAuth и залогиненных сессий скилл подключается к вашему Chrome через CDP или хранит сессию отдельно: agent-browser --cdp 9222 open ... переиспользует уже открытый профиль, а --session сохраняет cookies между запусками. Для установки нужны node и npm. На Linux ARM64 команда может не находиться в PATH — тогда вызывайте бинарник по полному пути из папки bin.
Какие задачи решает
- пройти по страницам сайта и собрать данные без ручного клика
- заполнить форму и отправить её из агента
- снять снапшот страницы и найти нужный элемент по ref
- залогиниться через Google OAuth и продолжить работу в сессии
- сделать скриншот или PDF страницы по ходу задачи
Примеры запросов агенту
- Открой example.com, сними снапшот и покажи, какие элементы доступны
- Заполни поле @e3 адресом [email protected] и нажми кнопку отправки
- Подключись к Chrome на порту 9222 и зайди на star-swap.com под моей сессией
Как установить Agent Browser
1Через Skills CLI (Vercel)
npx skills add am-will/codex-skills --skill agent-browser -a claude-code2Вручную: положить файлы
~/.claude/skills/agent-browser/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/agent-browser/
1Через Skills CLI (Vercel)
npx skills add am-will/codex-skills --skill agent-browser -a codex2Вручную: положить файлы
.agents/skills/agent-browser/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add am-will/codex-skills --skill agent-browser -a cursor2Вручную: положить файлы
.cursor/skills/agent-browser/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install am-will/codex-skills agent-browser2Вручную: положить файлы
.github/skills/agent-browser/SKILL.md1Через Skills CLI (Vercel)
npx skills add am-will/codex-skills --skill agent-browser -a gemini-cli2Командой платформы
gemini skills install https://github.com/am-will/codex-skills --path skills/agent-browserВручную: положить файлы
.devin/skills/agent-browser/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add am-will/codex-skills --skill agent-browser -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Вопросы о Agent Browser
Как установить Agent Browser в Claude?
Выполните npx skills add am-will/codex-skills --skill agent-browser -a claude-code. Скилл появится в ~/.claude/skills/agent-browser/SKILL.md.
Что делает Agent Browser?
Даёт агенту управлять headless-браузером: открывать страницы, кликать, вводить текст, извлекать содержимое и снимать скриншоты через структурированные команды CLI.
Как работать с сайтами, где нужен логин?
Подключитесь к своему Chrome через CDP (agent-browser --cdp 9222 open ...) или используйте --session, чтобы cookies сохранились между запусками после ручного входа.