chrome-automation — скилл для Claude Code: что делает и установка
Управляет запущенным браузером Chrome через CLI agent-browser. Пригодится для сбора данных, кликов по элементам и прогона записей DevTools с сохранением активных сессий.
npx skills add zc277584121/marketing-skills --skill chrome-automation -a claude-codeЧто делает chrome-automation
Скилл подключается к уже запущенному процессу Chrome вместо открытия чистого окна через веб-драйвер. Перед переходом по ссылке агент сначала проверяет открытые вкладки. Такой подход сохраняет куки и избавляет от повторного входа в аккаунты сервисов.
Взаимодействие строится через текстовые снимки страницы с метками интерактива вида @e1 или @e2. Агент находит нужный элемент, кликает по нему, заполняет поля ввода или считывает текст. Кроме ручных команд поддерживается пошаговый запуск готовых сценариев, экспортированных из Chrome DevTools Recorder в формате JSON или Puppeteer.
Без включённого удалённого дебага в Chrome утилита agent-browser не сможет подключиться к процессу. Для версий Chrome 144 и новее отладка иногда работает исключительно по протоколу WebSocket. В этом случае придётся подключаться напрямую через ws://127.0.0.1:9222/devtools/browser и обновлять Node до 24 версии.
Какие задачи решает
- Автоматизировать клики и ввод данных на сайтах с активной авторизацией
- Собрать текстовые данные или число строк таблицы со страницы
- Воспроизвести сценарий тестирования из Chrome DevTools Recorder
- Сделать снимок экрана страницы для проверки её верстки
Примеры запросов агенту
- Переключись на вкладку с рекламным кабинетом и сделай снимок экрана.
- Заполни форму контактов на открытой странице и отправь её.
- Воспроизведи шаги из файла recording.json в текущей вкладке Chrome.
Как установить chrome-automation
1Через Skills CLI (Vercel)
npx skills add zc277584121/marketing-skills --skill chrome-automation -a claude-code2Вручную: положить файлы
~/.claude/skills/chrome-automation/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/chrome-automation/
1Через Skills CLI (Vercel)
npx skills add zc277584121/marketing-skills --skill chrome-automation -a codex2Вручную: положить файлы
.agents/skills/chrome-automation/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add zc277584121/marketing-skills --skill chrome-automation -a cursor2Вручную: положить файлы
.cursor/skills/chrome-automation/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install zc277584121/marketing-skills chrome-automation2Вручную: положить файлы
.github/skills/chrome-automation/SKILL.md1Через Skills CLI (Vercel)
npx skills add zc277584121/marketing-skills --skill chrome-automation -a gemini-cli2Командой платформы
gemini skills install https://github.com/zc277584121/marketing-skills --path skills/chrome-automationВручную: положить файлы
.devin/skills/chrome-automation/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add zc277584121/marketing-skills --skill chrome-automation -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Вопросы о chrome-automation
Как установить chrome-automation в Claude Code?
Выполните команду npx skills add zc277584121/marketing-skills --skill chrome-automation -a claude-code. Скилл загрузится в ~/.claude/skills/chrome-automation/SKILL.md.
Что делает скилл chrome-automation?
Он связывает ИИ-агента с реальным окном Chrome через утилиту agent-browser. Агент считывает открытые вкладки, взаимодействует с кнопками и формами по их селекторам и запускает скрипты.
Что нужно настроить перед запуском chrome-automation?
В системе должна быть установлена утилита agent-browser, а браузер Chrome запущен с включённым удалённым дебагом на порту 9222.
