browsing-with-playwright — скилл для Claude Code: браузер
Скилл управляет браузером через Playwright MCP: открывает страницы, заполняет формы, кликает по элементам и извлекает данные. Нужен для веб-задач.
npx skills add bilalmk/todo_correct --skill browsing-with-playwright -a claude-codeЧто делает browsing-with-playwright
Скилл подключает управление браузером через Playwright MCP. Агент может перейти по URL, получить снимок страницы, найти элементы по ссылкам, заполнить поля, выбрать пункт списка, дождаться текста или сделать скриншот. Для сложных сценариев есть запуск нескольких действий через browser_run_code.
Сервер запускается скриптом bash scripts/start-server.sh или командой npx @playwright/mcp@latest --port 8808 --shared-browser-context. Состояние между вызовами сохраняется только с флагом --shared-browser-context. Проверка выполняется через python3 scripts/verify.py; при ошибке сервер нужно остановить и перезапустить. Для статического содержимого скилл советует использовать curl или wget.
Какие задачи решает
- открыть страницу и пройти по ссылкам
- заполнить и отправить веб-форму
- снять скриншот результата в браузере
- извлечь данные из динамической страницы
- проверить пользовательский интерфейс в браузере
Примеры запросов агенту
- Открой страницу по адресу из задачи, найди нужные элементы через снимок страницы и заполни форму.
- Перейди на страницу, извлеки данные из её содержимого и сохрани результат.
- Проверь интерфейс: выполни сценарий в браузере и сделай полноэкранный скриншот.
Как установить browsing-with-playwright
1Через Skills CLI (Vercel)
npx skills add bilalmk/todo_correct --skill browsing-with-playwright -a claude-code2Вручную: положить файлы
~/.claude/skills/browsing-with-playwright/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/browsing-with-playwright/
1Через Skills CLI (Vercel)
npx skills add bilalmk/todo_correct --skill browsing-with-playwright -a codex2Вручную: положить файлы
.agents/skills/browsing-with-playwright/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add bilalmk/todo_correct --skill browsing-with-playwright -a cursor2Вручную: положить файлы
.cursor/skills/browsing-with-playwright/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install bilalmk/todo_correct browsing-with-playwright2Вручную: положить файлы
.github/skills/browsing-with-playwright/SKILL.md1Через Skills CLI (Vercel)
npx skills add bilalmk/todo_correct --skill browsing-with-playwright -a gemini-cli2Командой платформы
gemini skills install https://github.com/bilalmk/todo_correct --path .claude/skills/mjs/browsing-with-playwrightВручную: положить файлы
.devin/skills/browsing-with-playwright/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add bilalmk/todo_correct --skill browsing-with-playwright -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Похожие
Рядом в теме «Браузер и парсинг»
Все скиллы по теме «Браузер и парсинг» →Вопросы о browsing-with-playwright
Как установить browsing-with-playwright в Claude Code?
Выполните npx skills add bilalmk/todo_correct --skill browsing-with-playwright -a claude-code. Скилл будет доступен в ~/.claude/skills/browsing-with-playwright/SKILL.md.
Что делает browsing-with-playwright?
Скилл даёт агенту управление браузером через Playwright MCP: навигацию, клики, ввод текста, отправку форм, ожидание условий, скриншоты и извлечение данных.
Что нужно для сохранения состояния браузера между вызовами?
При запуске Playwright MCP нужен флаг --shared-browser-context. Без него каждый вызов получает новый контекст браузера.
