mini-browser — скилл для Claude Code: браузер для агента
Скилл даёт агенту браузер через CLI mb: открыть страницу, снять скриншот, вытащить текст, заполнить форму, записать скринкаст.
npx skills add runablehq/mini-browser --skill mini-browser -a claude-code
npx skills add runablehq/mini-browser --skill skill -a claude-codeЧто делает mini-browser
mb — это браузерный CLI, где каждая команда работает как маленькая утилита. Под капотом он общается с Chrome по CDP на порту 9222 через puppeteer-core. Агент вызывает mb go, mb snap, mb click, mb fill, mb text, mb shot, mb record, mb audit — и получает результат в терминал или в JSON через --json.
Перед первым запуском нужно проверить два условия: установлен ли mb и слушает ли Chrome порт CDP. Если чего-то нет — npm install -g @runablehq/mini-browser и mb-start-chrome. Последняя команда поднимает Chrome с --remote-debugging-port=9222, свежим профилем и окном 1024×768, а если браузер уже запущен, ничего не делает.
Окно 1024×768 — это главное ограничение в работе. mb snap возвращает только те элементы, что попали в текущий вьюпорт, поэтому после прокрутки снимок нужно делать заново. Ещё mb text берёт первый совпавший элемент через querySelector, так что mb text "main" надёжнее, чем mb text "p". Для тяжёлых SPA mb go ждёт networkidle, и этого может не хватить — добавляйте mb wait ".selector".
Какие задачи решает
- открыть страницу и вытащить с неё видимый текст
- заполнить форму по меткам полей и отправить её
- снять скриншот страницы в PNG
- записать скринкаст взаимодействия в mp4 или gif
- прогнать аудит дизайна: палитра, типографика, контраст, доступность, SEO
Примеры запросов агенту
- Открой
https://example.com, сделай снимок интерактивных элементов и кликни по кнопке входа - Заполни форму логина и дождись перехода на
/dashboard - Запиши скринкаст в
demo.mp4и прогони аудит дизайна с выводом в JSON
Как установить mini-browser
1Через Skills CLI (Vercel)
npx skills add runablehq/mini-browser --skill mini-browser -a claude-codenpx skills add runablehq/mini-browser --skill skill -a claude-code2Вручную: положить файлы
~/.claude/skills/skill/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/skill/
1Через Skills CLI (Vercel)
npx skills add runablehq/mini-browser --skill skill -a codex2Вручную: положить файлы
.agents/skills/skill/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add runablehq/mini-browser --skill skill -a cursor2Вручную: положить файлы
.cursor/skills/skill/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install runablehq/mini-browser skill2Вручную: положить файлы
.github/skills/skill/SKILL.md1Через Skills CLI (Vercel)
npx skills add runablehq/mini-browser --skill skill -a gemini-cli2Командой платформы
gemini skills install https://github.com/runablehq/mini-browser --path skillВручную: положить файлы
.devin/skills/skill/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add runablehq/mini-browser --skill skill -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Похожие
Рядом в теме «Браузер и парсинг»
Все скиллы по теме «Браузер и парсинг» →Вопросы о mini-browser
Как установить mini-browser в Claude Code?
Выполните npx skills add runablehq/mini-browser --skill mini-browser -a claude-code. Скилл встанет в ~/.claude/skills/skill/SKILL.md.
Что делает mini-browser?
Даёт агенту браузерные команды через CLI mb: навигация, скриншоты, извлечение текста, клики, заполнение форм, запись скринкастов, запуск JS на странице и аудит дизайна.
Что нужно, чтобы скилл заработал?
Установленный mb и Chrome, слушающий CDP на порту 9222. Если браузер не запущен, поднимите его командой mb-start-chrome.
