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

playwright-dev — скилл для Claude Code: что делает и как установить

Объясняет, как разрабатывать Playwright: добавлять API, MCP-инструменты, команды CLI и управлять зависимостями.

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

Что делает playwright-dev

Скилл содержит гайды по архитектуре библиотеки (client/server/dispatcher, слой протокола, правила DEPS), добавлению и изменению API (документация, реализация клиент-сервер, тесты), созданию MCP-инструментов и CLI-команд, работе с вендорными зависимостями (utilsBundle, coreBundle, babelBundle, DEPS.list, check_deps).

Внутри — инструкции по обновлению строки версии Safari в user-agent WebKit, работе с бэкендом WebView для iOS Safari (provisional-target pause/resume, отличия от upstream, настройка локальных и CI-тестов), бисектингу регрессий между опубликованными версиями npm и дашборду команды playwright cli show.

Полезно для разработчиков, которые собираются менять внутренности Playwright или добавлять новые возможности в монорепозиторий.

Какие задачи решает

  • добавить новый API-метод в Playwright с документацией и тестами
  • создать MCP-инструмент или CLI-команду для проекта
  • обновить вендорную зависимость и пересобрать bundle
  • найти регрессию между версиями через bisect опубликованных релизов
  • разобраться в архитектуре client/server/dispatcher и правилах DEPS

Примеры запросов агенту

  • Покажи, как добавить новый метод API в Playwright по гайду из `playwright-dev`
  • Объясни структуру MCP-инструментов в Playwright согласно скиллу
  • Как обновить Safari version string в WebKit по инструкции из скилла?

Как установить playwright-dev

1Через Skills CLI (Vercel)

npx skills add microsoft/playwright --skill playwright-dev -a claude-code

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

~/.claude/skills/playwright-dev/SKILL.md

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

Похожие

dogfood Teknium (teknium1), Hermes Agent Скилл проводит разведочное тестирование веб-приложения через браузер: обходит страницы, ловит ошибки в консоли, копит скриншоты и отдаёт отчёт с багами. Claude Code CX Codex Cursor +1 6 400установок react-doctor millionco Проверяет кодовую базу на React: находит проблемы архитектуры, доступности и рендеринга. Рассчитывает общую оценку здоровья проекта от 0 до 100. Claude Code CX Codex Cursor +1 19 000установок orca-emulator stablyai Управляет iOS Simulator внутри Orca с живым экраном устройства. Пригодится для тапов, жестов, поворота экрана и сбора доказательств работы iOS-приложения. Claude Code CX Codex Cursor +1 5 800установок orca-emulator-android stablyai Скилл ведёт Android-эмулятор или телефон по adb прямо из Orca: тапы, свайпы, установка APK, логи. Пригодится, когда надо прогнать сценарий на устройстве. Claude Code CX Codex Cursor +1 5 600установок accessibility web-quality-skills Скилл проводит аудит доступности веб-страницы и подсказывает, что исправить в исходниках. Пригодится, когда сайт нужно довести до WCAG 2.2 или проверить работу с клавиатурой и скринридером. Claude Code CX Codex Cursor +1 63 900установок chrome-devtools ChromeDevTools Скилл подключает Chrome DevTools через MCP для отладки страниц, браузерной автоматизации, анализа производительности и сетевых запросов. Claude Code CX Codex Cursor +1 8 600установок improve-codebase-architecture Matt Pocock Скилл ищет архитектурные узкие места в кодовой базе и показывает варианты углубления модулей в HTML-отчёте. Подойдёт для ревью перед рефакторингом. Claude Code 1 163 035установок design-taste-frontend Leonxlnx Скилл задаёт арт-дирекцию для публичных страниц и рабочих экранов, а затем проверяет результат в браузере по скриншотам. Нужен, когда интерфейс выглядит шаблонным или недоработанным. Claude Code CX Codex Cursor +1 673 100установок

Вопросы о playwright-dev

Как установить playwright-dev в Claude Code?

Выполни npx skills add microsoft/playwright --skill playwright-dev -a claude-code, скилл появится в ~/.claude/skills/playwright-dev/SKILL.md.

Что делает скилл playwright-dev?

Объясняет, как разрабатывать Playwright: добавлять API, MCP-инструменты, CLI-команды, управлять вендорными зависимостями и обновлять компоненты вроде WebKit.

Что такое utilsBundle, coreBundle и babelBundle в Playwright?

Это вендорные бандлы зависимостей Playwright. Скилл показывает, как добавлять npm-пакеты в них, управлять DEPS.list и запускать check_deps для проверки.

Исходный текст

SKILL.md · Apache-2.0 
---
name: playwright-dev
description: Explains how to develop Playwright - add APIs, MCP tools, CLI commands, and vendor dependencies.
---

# Playwright Development Guide

See [AGENTS.md](../../../AGENTS.md) for monorepo structure, build/test/lint commands, and coding conventions.

## Detailed Guides

- [Library Architecture](library.md) — client/server/dispatcher structure, protocol layer, DEPS rules
- [Adding and Modifying APIs](api.md) — define API docs, implement client/server, add tests
- [MCP Tools and CLI Commands](tools.md) — add MCP tools, CLI commands, config options
- [Vendor Dependencies & Bundling](vendor.md) — utilsBundle, coreBundle, babelBundle; adding vendored npm packages; DEPS.list; `check_deps`
- [Updating WebKit Safari Version](webkit-safari-version.md) — update the Safari version string in the WebKit user-agent
- [WebView (iOS Safari) Backend](webview.md) — `webkit/webview/` against stock Mobile Safari; provisional-target pause/resume; what's upstream vs Playwright patches; local + CI test setup
- [Bisecting Across Published Versions](bisect-published-versions.md) — reproduce regressions side-by-side from npm and diff `node_modules/playwright/lib/` between versions
- [Dashboard](dashboard.md) - the UI powering the "playwright cli show" command, and how to work on it

© microsoft · Apache-2.0 · microsoft/playwright

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

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

Компании, которые помогают держать аналитику открытой
Золотой спонсор AI-аналитика спроса на iGaming — индекс, тренды, конкуренты
Nutra.Club Закрытое сообщество Nutra-вертикали от команды M1

Показы, клики и копирования кода — открытая статистика. Мы держим цифры публичными по той же логике, что и сам NeBlask. Стать спонсором