playwriter · brianlovin — скилл для Claude Code: браузер и установка
Скилл подключает агента к уже открытому окну Chrome через Playwriter CLI. С ним можно изучать интерфейс, выполнять действия на странице и разбирать ошибки фронтенда.
npx skills add brianlovin/agent-config --skill playwriter -a claude-codeЧто делает playwriter
Агент подключается к текущей вкладке Chrome, а не запускает отдельный браузер. Он может проверить адрес и заголовок страницы, получить снимок структуры для доступности, взаимодействовать с элементами и читать состояние через page.evaluate. Это пригодится, когда ошибку нужно воспроизвести в живом интерфейсе.
Для работы включите расширение Playwriter на нужной вкладке и проверьте CLI командой playwriter --version или npx -y playwriter --version. Затем создайте сессию через playwriter session new. Если соединение устарело, потребуется новая сессия; при неверной вкладке выберите нужную через значок расширения и подключитесь заново. Скилл советует предпочитать чтение данных, а перед разрушающими действиями предупреждать пользователя.
Команда playwriter должна быть доступна в окружении или запускайте её через npx -y. Сводки логов нужно очищать от токенов и пользовательских данных. Эти ограничения важны: неверная вкладка даст состояние другого экрана, а устаревшая сессия может завершиться ошибкой.
Какие задачи решает
- проверить состояние открытой страницы и её заголовок
- снять структуру интерфейса для анализа доступности
- выполнить действия в текущей вкладке Chrome
- прочитать консольные логи и состояние страницы
- воспроизвести ошибку фронтенда в живом интерфейсе
Примеры запросов агенту
- Проверь адрес и заголовок страницы в открытой вкладке Chrome.
- Найди варианты в текущем интерфейсе и посчитай их.
- Воспроизведи ошибку на открытой странице и покажи состояние после действия.
Как установить playwriter
1Через Skills CLI (Vercel)
npx skills add brianlovin/agent-config --skill playwriter -a claude-code2Вручную: положить файлы
~/.claude/skills/playwriter/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/playwriter/
1Через Skills CLI (Vercel)
npx skills add brianlovin/agent-config --skill playwriter -a codex2Вручную: положить файлы
.agents/skills/playwriter/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add brianlovin/agent-config --skill playwriter -a cursor2Вручную: положить файлы
.cursor/skills/playwriter/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install brianlovin/agent-config playwriter2Вручную: положить файлы
.github/skills/playwriter/SKILL.md1Через Skills CLI (Vercel)
npx skills add brianlovin/agent-config --skill playwriter -a gemini-cli2Командой платформы
gemini skills install https://github.com/brianlovin/agent-config --path skills/playwriterВручную: положить файлы
.devin/skills/playwriter/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add brianlovin/agent-config --skill playwriter -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Вопросы о playwriter
Как установить playwriter в Claude Code?
Выполните npx skills add brianlovin/agent-config --skill playwriter -a claude-code. Файл скилла находится по пути ~/.claude/skills/playwriter/SKILL.md.
Что делает playwriter?
Он подключает агента к активной вкладке Chrome через Playwriter CLI. Агент может осматривать страницу, выполнять действия и читать её состояние.
Что нужно для работы playwriter?
Нужно включить расширение Playwriter на целевой вкладке и иметь CLI playwriter либо запускать его через npx -y playwriter. Для устаревшего соединения создайте новую сессию.
Похожие скиллы
Все скиллы по теме «Браузер и парсинг» →Сначала — playwriter от других авторов.
