playwriter — скилл для Claude Code: браузер и установка
Скилл управляет открытым Chrome через расширение Playwriter и код Playwright. Пригодится для сайтов с JavaScript, авторизацией и подгружаемым содержимым.
npx skills add remorses/playwriter --skill playwriter -a claude-codeЧто делает playwriter
playwriter подключается к уже открытому Chrome пользователя, а не запускает отдельный браузер. Агент выполняет фрагменты Playwright в локальной JavaScript-песочнице с сохранением состояния. Это позволяет работать с сайтами, где содержимое появляется после загрузки страницы или входа в аккаунт.
Перед первой командой в сессии нужно прочитать документацию целиком: playwriter skill. Затем можно создать сессию командой playwriter session new и выполнять JavaScript через playwriter -s 1 -e '...'. Для аргумента -e документация советует одинарные кавычки. Это повод проверить, что расширение Playwriter подключено к нужному профилю Chrome.
Скилл перечислен для Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI и OpenCode. Для установки в Claude Code используется npx skills add remorses/playwriter --skill playwriter -a claude-code; файл скилла размещается по пути ~/.claude/skills/playwriter/SKILL.md. Если команда playwriter не найдена, можно запустить её через npx playwriter@latest или bunx playwriter@latest.
Какие задачи решает
- открыть страницу в существующем Chrome
- прочитать содержимое сайта с динамической загрузкой
- работать со страницей после входа в аккаунт
- взаимодействовать с интерфейсом сайта через Playwright
Примеры запросов агенту
- Используй скилл playwriter и открой страницу в моём Chrome.
- Через playwriter найди на странице элементы, которые загрузились после прокрутки.
- Используй playwriter, чтобы проверить страницу после входа в аккаунт.
Как установить playwriter
1Через Skills CLI (Vercel)
npx skills add remorses/playwriter --skill playwriter -a claude-code2Вручную: положить файлы
~/.claude/skills/playwriter/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/playwriter/
1Через Skills CLI (Vercel)
npx skills add remorses/playwriter --skill playwriter -a codex2Вручную: положить файлы
.agents/skills/playwriter/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add remorses/playwriter --skill playwriter -a cursor2Вручную: положить файлы
.cursor/skills/playwriter/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install remorses/playwriter playwriter2Вручную: положить файлы
.github/skills/playwriter/SKILL.md1Через Skills CLI (Vercel)
npx skills add remorses/playwriter --skill playwriter -a gemini-cli2Командой платформы
gemini skills install https://github.com/remorses/playwriter --path skills/playwriterВручную: положить файлы
.devin/skills/playwriter/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add remorses/playwriter --skill playwriter -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
Похожие
Вопросы о playwriter
Как установить playwriter в Claude Code?
Выполните npx skills add remorses/playwriter --skill playwriter -a claude-code. Файл скилла находится по пути ~/.claude/skills/playwriter/SKILL.md.
Что делает playwriter?
Он подключает агента к открытому Chrome через расширение Playwriter и выполняет код Playwright в локальной JavaScript-песочнице с сохранением состояния.
Что сделать перед первой командой playwriter?
Прочитайте полную документацию командой playwriter skill. Это нужно сделать один раз за сессию, прежде чем запускать команды playwriter.
Исходный текст
SKILL.md · MIT
---
name: playwriter
description: Control the user own Chrome browser via Playwriter extension with Playwright code snippets in a stateful local js sandbox. Use this over other Playwright MCPs to automate the browser — it connects to the user's existing Chrome instead of launching a new one. Use this cli for navigating JS-heavy websites (Instagram, Twitter, cookie/login walls, lazy-loaded UIs) instead of webfetch/curl. ALWAYS load this skill before using any playwriter commands
---
## Read Full Documentation (once per session)
**Before the first playwriter command in a session, run:**
```bash
playwriter skill # IMPORTANT! do not use | head here. read in full!
```
This outputs the complete documentation including:
- Session management and timeout configuration
- Selector strategies (and which ones to AVOID)
- Rules to prevent timeouts and failures
- Best practices for slow pages and SPAs
- Context variables, utility functions, and more
**Do NOT skip this step.** The examples below will fail without understanding timeouts, selector rules, and pitfalls from the full docs. You only need to do this once per session; subsequent playwriter commands in the same session do not require re-reading.
**Read the ENTIRE output.** Do NOT pipe through `head`, `tail`, or any truncation command. Critical rules are spread throughout the document, not just at the top.
## Minimal Example (after reading full docs)
```bash
playwriter session new
playwriter -s 1 -e 'state.page = await context.newPage(); await state.page.goto("https://example.com")'
```
**Always use single quotes** for the `-e` argument. Single quotes prevent bash from interpreting `$`, backticks, and backslashes inside your JS code. Use double quotes or backtick template literals for strings inside the JS.
If `playwriter` is not found, use `npx playwriter@latest` or `bunx playwriter@latest`.
© remorses · MIT · remorses/playwriter