web-browser — скилл для Claude Code: браузер через CDP
Даёт агенту настоящий Chrome: переходы по страницам, клики, формы, скриншоты, разбор консоли и сетевых запросов. Пригодится, когда нужен живой браузер, а не парсинг HTML.
npx skills add mitsuhiko/agent-stuff --skill web-browser -a claude-codeЧто делает web-browser
Скилл ставит набор скриптов, которые управляют Chrome или Chromium через Chrome DevTools Protocol. Запуск — ./scripts/start.js --headless, дальше nav.js открывает адрес, eval.js выполняет JavaScript в активной вкладке, screenshot.js снимает вид или всю страницу целиком. Есть emulate.js для мобильных пресетов вроде iphone-14 и pixel-7, dismiss-cookies.js для баннеров о куках и pick.js для выбора элементов мышью.
Скрипты работают с отдельным профилем в ~/.cache/agent-web/browser/, ваш живой профиль Chrome они не трогают. В headless-режиме расширения отключены, поэтому копия профиля даёт куки и состояние браузера, но не расширения. Если :9222 занят посторонним процессом, запуск упадёт, а не переиспользует его. Порт меняется через BROWSER_DEBUG_PORT, путь к бинарю — через BROWSER_BIN.
При старте автоматически включается фоновый лог консоли, ошибок и сети в JSONL; смотреть его удобно через logs-tail.js, а сводку по ответам даёт net-summary.js. pick.js требует видимого окна: запускайте start.js без --headless. Перед сменой режима останавливайте браузер скилла через stop.js — иначе он не перезапустится с новыми настройками.
Какие задачи решает
- пройти по странице и снять скриншот для отчёта
- заполнить форму и проверить результат отправки
- поймать ошибку в консоли после клика
- посмотреть, какие запросы уходят с фронтенда
- проверить вёрстку в мобильном вьюпорте
Примеры запросов агенту
- Открой
https://example.comв headless-браузере и сними полную страницу - Выполни в активной вкладке
document.querySelectorAll("a").length - Включи эмуляцию
iphone-14, перезагрузи страницу и покажи лог сети
Как установить web-browser
1Через Skills CLI (Vercel)
npx skills add mitsuhiko/agent-stuff --skill web-browser -a claude-code2Вручную: положить файлы
~/.claude/skills/web-browser/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/web-browser/
1Через Skills CLI (Vercel)
npx skills add mitsuhiko/agent-stuff --skill web-browser -a codex2Вручную: положить файлы
.agents/skills/web-browser/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add mitsuhiko/agent-stuff --skill web-browser -a cursor2Вручную: положить файлы
.cursor/skills/web-browser/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install mitsuhiko/agent-stuff web-browser2Вручную: положить файлы
.github/skills/web-browser/SKILL.md1Через Skills CLI (Vercel)
npx skills add mitsuhiko/agent-stuff --skill web-browser -a gemini-cli2Командой платформы
gemini skills install https://github.com/mitsuhiko/agent-stuff --path skills/web-browserВручную: положить файлы
.devin/skills/web-browser/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add mitsuhiko/agent-stuff --skill web-browser -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Из того же набора5
Похожие
Рядом в теме «Браузер и парсинг»
Все скиллы по теме «Браузер и парсинг» →Вопросы о web-browser
Как установить web-browser в Claude Code?
Выполните npx skills add mitsuhiko/agent-stuff --skill web-browser -a claude-code, после чего скилл окажется в ~/.claude/skills/web-browser/SKILL.md.
Что делает скилл web-browser?
Управляет Chrome или Chromium через Chrome DevTools Protocol: переходы, клики, выполнение JavaScript, скриншоты, эмуляция мобильных устройств и логи консоли с сетью.
Почему не работает pick.js?
Выбор элементов мышью возможен только в видимом окне. Остановите браузер скилла и запустите ./scripts/start.js без флага --headless.
