К основному содержанию
скилл Claude Code CX Codex Cursor GitHub Copilot

playwriter — скилл для Claude Code: браузер и установка

Скилл управляет открытым Chrome через расширение Playwriter и код Playwright. Пригодится для сайтов с JavaScript, авторизацией и подгружаемым содержимым.

Установить в Claude Code · Через Skills CLI (Vercel) Все способы и платформы ↓
npx skills add remorses/playwriter --skill playwriter -a claude-code
Открыть на GitHub

Что делает 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-code

2Вручную: положить файлы

~/.claude/skills/playwriter/SKILL.md

Папка скилла целиком; для одного проекта — .claude/skills/playwriter/

Похожие

agentation-self-driving benjitaylor Запускает автономный визуальный аудит интерфейса в открытом окне браузера и расставляет карточки замечаний через тулбар Agentation. Claude Code CX Codex Cursor +1 7 000установок context-mode mksglu Скилл направляет анализ больших файлов и выводов команд через инструменты context-mode вместо Bash. Пригодится для логов, тестов, данных и снимков страниц. Claude Code CX Codex Cursor +1 2 900установок apify-ultimate-scraper apify Скилл настраивает сбор данных через платформу Apify прямо из интерфейса агента. Пригодится, когда нужно выгрузить посты, отзывы или карточки компаний из соцсетей и веб-сервисов. Claude Code CX Codex Cursor +1 16 300установок playwright-skill lackeyjb Скилл для написания и запуска Playwright-скриптов прямо в редакторе. Автоматически находит dev-серверы, делает скриншоты, проверяет адаптивность, тестирует логины и валидирует работу сайта. Claude Code CX Codex Cursor +1 6 900установок screenshots-marketing nexu-io Генерирует маркетинговые скриншоты через Playwright для hero-блоков, App Store и changelog. Пригодится, когда нужен снимок интерфейса для публикации. Claude Code CX Codex Cursor +1 2 800установок competitive-ads-extractor nexu-io Скилл извлекает объявления конкурентов из рекламных библиотек и разбирает их сообщения и креативные подходы. Пригодится для анализа рекламных материалов. Claude Code CX Codex Cursor +1 2 700установок agent-browser vercel-labs Скилл управляет браузером через CLI: открывает страницы, заполняет формы, нажимает кнопки и проверяет веб-приложения. Подходит для задач, где агенту нужно действовать в интерфейсе. Claude Code CX Codex Cursor +1 1 200 000установок webapp-testing официальный anthropics Скилл запускает проверки локальных веб-приложений через Playwright: помогает отлаживать UI, делать скриншоты и смотреть логи браузера. Claude Code Claude.ai 186 758установок

Вопросы о 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

Смотрите также

Спонсоры проекта

Компании, которые помогают держать аналитику открытой