Playwright Dev
If you're contributing to Playwright itself or need to understand its internals, this walks you through the architecture and development workflow. It covers adding new APIs with proper client/server implementation, creating MCP tools and CLI commands, and managing vendored dependencies across the different bundles (utils, core, babel). The guides explain the dispatcher protocol layer, DEPS rules for dependency management, and practical tasks like updating the WebKit Safari version string or bisecting regressions across published npm versions. Most useful when you're extending Playwright's functionality or debugging issues that require understanding how the library's protocol and bundling actually work under the hood.
- skills.sh installs
- 3.8K
- GitHub stars
- 99.7K
- last updated
- Aug 21, 2026
Install
$ npx -y skills add microsoft/playwright --skill playwright-dev --agent claude-codeInstalls into .claude/skills of the current project.
Files
Playwright Development Guide
See AGENTS.md for monorepo structure, build/test/lint commands, and coding conventions.
Detailed Guides
- 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
Sponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageDetails
- Repository
- github.com/microsoft/playwright
- Categories
- Testing & QA, AI & Agent Building, CLI & Terminal
More from microsoft/playwright
All 4Recommended
More Testing & QA
pyrefly-type-coveragepytorch/pytorchMigrate a file to use stricter Pyrefly type checking with annotations required for all functions, classes, and attributes.3.2Kskills.sh installs
ab-test-analysisphuryn/pm-skillsAnalyze A/B test results with statistical significance, sample size validation, confidence intervals, and ship/extend/stop recommendations. Use when evaluating 3Kskills.sh installs
ab-test-store-listingeronred/aso-skillsWhen the user wants to A/B test App Store product page elements to improve conversion rate. Also use when the user mentions "A/B test", "product page optimizati2.5Kskills.sh installs
design-qa-checklistowl-listener/designer-skillsCreate QA checklists for verifying design implementation accuracy.2.5Kskills.sh installstest-scenarioowl-listener/designer-skillsGenerates structured usability test scenarios with realistic tasks, success criteria, and facilitation notes — ready to run with real participants or in a moder2.3Kskills.sh installs
qavinvcn/mattpocock-skills-zh-cn交互式 QA 会话，用户以对话方式报告缺陷或问题，代理创建 GitHub issues。后台探索代码库以获取上下文和领域语言。适用于用户想报告缺陷、执行 QA、以对话方式提交 issues，或提到 “QA session” 时。2.1Kskills.sh installs