agent-browser · 101-skills — скилл для Claude Code: браузер для агента
Скилл даёт агенту браузер: открывать страницы, кликать по элементам, заполнять формы, снимать скриншоты и записывать видео. Пригодится для скрапинга и тестов.
npx skills add 101-skills/superpowers --skill agent-browser -a claude-codeЧто делает agent-browser
Скилл работает через inference.sh и CLI belt. Агент открывает страницу командой belt app run agent-browser --function open, получает список интерактивных элементов с ссылками вида @e1, @e2 и дальше дёргает их: клик, ввод текста, выбор из списка, перетаскивание, загрузка файлов. Под капотом Playwright, но с агентом он общается через эти @e-ссылки, а не через селекторы.
Ссылки живут недолго. После перехода по ссылке, отправки формы или подгрузки контента они протухают, поэтому нужен повторный snapshot — иначе агент будет кликать по устаревшим номерам. Сессия живёт между вызовами, её id возвращает open, а close завершает работу и отдаёт видео, если запись была включена.
Перед первым запуском понадобится belt login и установка самого CLI: без него команды не выполнятся. Есть функции execute для JavaScript на странице, screenshot, поддержка прокси и запись видео с индикатором курсора. В скилле лежат готовые шаблоны для форм, авторизованных сессий и захвата страниц.
Какие задачи решает
- заполнить форму на сайте и отправить её
- снять скриншот страницы целиком или по вьюпорту
- вытащить данные со страницы через JavaScript
- записать видео прохода по сайту для отладки
- загрузить файл в поле на странице
Примеры запросов агенту
- Открой https://example.com/login и покажи, какие элементы есть на странице
- Заполни поле Email значением [email protected] и нажми кнопку входа
- Сделай скриншот всей страницы и запиши видео сессии
Как установить agent-browser
1Через Skills CLI (Vercel)
npx skills add 101-skills/superpowers --skill agent-browser -a claude-code2Вручную: положить файлы
~/.claude/skills/agent-browser/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/agent-browser/
1Через Skills CLI (Vercel)
npx skills add 101-skills/superpowers --skill agent-browser -a codex2Вручную: положить файлы
.agents/skills/agent-browser/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add 101-skills/superpowers --skill agent-browser -a cursor2Вручную: положить файлы
.cursor/skills/agent-browser/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install 101-skills/superpowers agent-browser2Вручную: положить файлы
.github/skills/agent-browser/SKILL.md1Через Skills CLI (Vercel)
npx skills add 101-skills/superpowers --skill agent-browser -a gemini-cli2Командой платформы
gemini skills install https://github.com/101-skills/superpowers --path tools/utilities/agent-browserВручную: положить файлы
.devin/skills/agent-browser/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add 101-skills/superpowers --skill agent-browser -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Вопросы о agent-browser
Как установить agent-browser в Claude Code?
Выполни npx skills add 101-skills/superpowers --skill agent-browser -a claude-code. Скилл появится по пути ~/.claude/skills/agent-browser/SKILL.md.
Что делает agent-browser?
Даёт агенту управление браузером: навигация, клики, ввод текста, загрузка файлов, скриншоты, запись видео и запуск JavaScript на странице.
Что нужно для работы скилла?
CLI belt от inference.sh и вход через belt login. Без этого команды скилла не запустятся.
Похожие скиллы
Все скиллы по теме «Браузер и парсинг» →Сначала — agent-browser от других авторов.