agent-browser-automation — скилл Claude Code: установка
Скилл даёт ИИ headless-браузер через Rust CLI и Chrome DevTools Protocol. Подходит для навигации, форм и снимков страниц.
npx skills add reason-machines/trending-skills --skill agent-browser-automation -a claude-codeЧто делает agent-browser-automation
Скилл подключает к агенту CLI agent-browser, который управляет headless-браузером через Chrome DevTools Protocol. Он умеет открывать страницы, нажимать элементы, заполнять поля, читать текст, делать скриншоты и сохранять страницу в PDF.
Для поиска элементов используется accessibility snapshot с ссылками вида @e1, @e2. Есть семантические локаторы, ожидание загрузки, выполнение JavaScript, работа со вкладками и пакетный запуск команд. CLI написан на Rust, отдельный runtime Node.js или Playwright не нужен.
Перед первым запуском выполните agent-browser install: команда скачивает Chrome for Testing.
Какие задачи решает
- открыть страницу и получить её accessibility tree
- заполнить веб-форму по ссылкам
@eN - снять скриншот или сохранить страницу в PDF
- дождаться текста, URL или состояния загрузки
- выполнить несколько browser-команд одним batch-запуском
Примеры запросов агенту
- Открой
https://example.com, сними accessibility snapshot и нажми кнопку отправки по найденной ссылке. - Заполни поле Email на странице значением
[email protected], отправь форму и сохрани результат вresult.png. - Открой страницу, дождись URL
**/dashboardи сохрани её вoutput.pdf.
Как установить agent-browser-automation
1Через Skills CLI (Vercel)
npx skills add reason-machines/trending-skills --skill agent-browser-automation -a claude-code2Вручную: положить файлы
~/.claude/skills/agent-browser-automation/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/agent-browser-automation/
1Через Skills CLI (Vercel)
npx skills add reason-machines/trending-skills --skill agent-browser-automation -a codex2Вручную: положить файлы
.agents/skills/agent-browser-automation/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add reason-machines/trending-skills --skill agent-browser-automation -a cursor2Вручную: положить файлы
.cursor/skills/agent-browser-automation/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install reason-machines/trending-skills agent-browser-automation2Вручную: положить файлы
.github/skills/agent-browser-automation/SKILL.md1Через Skills CLI (Vercel)
npx skills add reason-machines/trending-skills --skill agent-browser-automation -a gemini-cli2Командой платформы
gemini skills install https://github.com/reason-machines/trending-skills --path skills/agent-browser-automationВручную: положить файлы
.devin/skills/agent-browser-automation/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add reason-machines/trending-skills --skill agent-browser-automation -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Вопросы о agent-browser-automation
Как установить agent-browser-automation в Claude Code?
Выполните npx skills add reason-machines/trending-skills --skill agent-browser-automation -a claude-code, затем проверьте файл ~/.claude/skills/agent-browser-automation/SKILL.md.
Что делает agent-browser-automation?
Скилл даёт ИИ команды для управления headless-браузером: навигации, взаимодействия с элементами, чтения страницы, скриншотов, PDF и JavaScript.
Зачем нужен accessibility snapshot?
Он возвращает дерево доступности со ссылками @eN. Агент может использовать эти ссылки в командах click и fill, не подбирая CSS-селекторы.
