agent-browser · brianlovin — скилл для Claude Code: автоматизация браузера
Скилл учит ИИ-агента управлять браузером через CLI: открывать страницы, заполнять формы, кликать и снимать скриншоты.
npx skills add brianlovin/agent-config --skill agent-browser -a claude-codeЧто делает agent-browser
Скилл даёт агенту набор команд agent-browser, которые работают с Chrome или Chromium напрямую по CDP. Цикл такой: agent-browser open <url>, потом agent-browser snapshot -i — получаешь ссылки на элементы вроде @e1, @e2, дальше кликаешь или заполняешь по этим ссылкам. После смены страницы или DOM нужен новый snapshot, потому что старые ссылки протухают.
Браузер живёт в фоновом демоне между вызовами, поэтому шаги склеиваются через && — например, открыть страницу, дождаться сети и снять скриншот одной строкой. Snapshot читать отдельно стоит только там, где нужны свежие ссылки. Внутри есть работа с авторизацией: профиль, сессия, импорт cookies из вашего Chrome, хранилище логинов.
Чтобы всё это заработало, CLI надо поставить одним из способов: npm i -g agent-browser, brew install agent-browser или cargo install agent-browser, а потом скачать сам Chrome командой agent-browser install. Файлы состояния сессии лежат открытым текстом, так что их место в .gitignore.
Скриншоты есть обычные, на всю страницу и с нумерованными метками на элементах. Заодно можно притвориться мобильным устройством через set device.
Какие задачи решает
- заполнить форму на сайте и нажать «Отправить» без ручного клика
- снять скриншот страницы целиком для отчёта
- залогиниться в веб-приложение и дальше открывать закрытые разделы
- вытащить текст элементов со страницы по ссылкам из snapshot
- скачать файл, который отдаётся только по нажатию кнопки
Примеры запросов агенту
- Открой https://example.com/form, заполни поля и отправь форму
- Сделай полностраничный скриншот дашборда и сохрани в
page.png - Залогинься на сайте через
--state ./auth.jsonи проверь, что открывается страница профиля
Как установить agent-browser
1Через Skills CLI (Vercel)
npx skills add brianlovin/agent-config --skill agent-browser -a claude-code2Вручную: положить файлы
~/.claude/skills/agent-browser/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/agent-browser/
1Через Skills CLI (Vercel)
npx skills add brianlovin/agent-config --skill agent-browser -a codex2Вручную: положить файлы
.agents/skills/agent-browser/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add brianlovin/agent-config --skill agent-browser -a cursor2Вручную: положить файлы
.cursor/skills/agent-browser/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install brianlovin/agent-config agent-browser2Вручную: положить файлы
.github/skills/agent-browser/SKILL.md1Через Skills CLI (Vercel)
npx skills add brianlovin/agent-config --skill agent-browser -a gemini-cli2Командой платформы
gemini skills install https://github.com/brianlovin/agent-config --path skills/agent-browserВручную: положить файлы
.devin/skills/agent-browser/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add brianlovin/agent-config --skill agent-browser -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Вопросы о agent-browser
Как установить agent-browser в Claude Code?
Выполните npx skills add brianlovin/agent-config --skill agent-browser -a claude-code, файл скилла появится по пути ~/.claude/skills/agent-browser/SKILL.md.
Что делает agent-browser?
Даёт агенту команды для управления браузером: навигация, клики, ввод текста, ожидание загрузки, скриншоты и загрузка файлов.
Что нужно, кроме самого скилла?
Установленный CLI и скачанный Chrome: agent-browser install. Без этого команды работать не будут.
Похожие скиллы
Все скиллы по теме «Браузер и парсинг» →Сначала — agent-browser от других авторов.
