Playwright Dev

microsoft/playwright-dev

Explains how to develop Playwright - add APIs, MCP tools, CLI commands, and vendor dependencies.

24k tokens

context cost

the whole folder, loaded on every use

files

instructions only

copies elsewhere

how many repositories repackaged it

93957

stars on the repo

on the repository, not the skill itself

Install

one command, takes just this skill from the repository

npx skills add https://github.com/microsoft/playwright --skill playwright-dev

95 917 bytes besides the instruction

api.md

bisect-published-versions.md

dashboard.md

library.md

tools.md

trace_system_guide.md

vendor.md

webkit-safari-version.md

webview.md

2 sections, as written by the author

See CLAUDE.md for monorepo structure, build/test/lint commands, and coding conventions.

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

Copy the folder

Take microsoft/playwright-dev from the repository into ~/.claude/skills for personal use, or into .claude/skills inside a project.

Check the name does not clash

The agent identifies a skill by the name field in its header. Two skills with the same name cannot sit side by side — one of them will be ignored.