playwright-dev — Skills — getagentictools

What it does

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; checkdeps

Updating WebKit Safari Version — update the Safari version string in the WebKit user-agent

Bisecting Across Published Versions — reproduce regressions side-by-side from npm and diff nodemodules/playwright/lib/ between versions

Dashboard - the UI powering the "playwright cli show" command, and how to work on it

playwright dev

Source

Repository: https://github.com/microsoft/playwright

playwright-dev FAQ

What does the playwright-dev skill do?

Explains how to develop Playwright - add APIs, MCP tools, CLI commands, and vendor dependencies. Library Architecture — client/server/dispatcher structure, protocol layer, DEPS rules Adding and Modifying APIs — define API docs, implement client/server, add tests

How do I install playwright-dev?

Run: npx -y skills add https://github.com/microsoft/playwright --skill playwright-dev --agent claude-code — the source lives at github.com/microsoft/playwright.

Maintain playwright-dev?

Let people know it's listed here — add the badge (live metrics, light/dark aware) or a plain link to your README or docs.

[playwright-dev on getagentictools](https://getagentictools.com/skills/microsoft-playwright-playwright-dev?ref=badge)

npx agentictools info skills/microsoft-playwright-playwright-dev

The second line is the CLI lookup for this page — handy in READMEs and docs.