Back to Skills

playwright-dev

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

90,224stars5,853forksUpdated 6/4/2026

Security Assessment

Medium Risk(50/100)

Detected risks:

Destructive Operations([bisect-published-versions.md] rm -rf)
Sensitive File Access([tools.md] .env)
Security Score50/100

About playwright-dev

The 'playwright-dev' skill is designed to guide developers through the process of extending and maintaining the Playwright framework. It addresses the challenges of modifying a complex testing framework by providing structured guidance on adding new APIs, integrating tools, managing dependencies, and updating browser versions. By consolidating this information, the skill helps developers efficiently navigate the Playwright monorepo, understand the architecture, and implement changes consistently while adhering to project conventions.

Key features of the skill include detailed guides on library architecture, API development, MCP tools, CLI commands, and vendor dependencies. It also covers practical tasks such as updating the WebKit Safari version, bisecting published versions to reproduce regressions, and working with the Playwright dashboard. Each guide provides step-by-step instructions, best practices, and references to relevant documentation files, ensuring developers can implement features and fixes reliably across client, server, and protocol layers.

This skill is primarily aimed at software engineers and contributors working with Playwright who need to extend its functionality or maintain its codebase. Use cases include developing new APIs, adding CLI commands, managing external dependencies, testing across browser versions, and debugging regressions. It is especially valuable for teams working in monorepo environments, where understanding the structure and interdependencies of the framework is crucial for efficient development and consistent code quality.

FAQ

How do I start adding a new API in Playwright?

You should follow the 'Adding and Modifying APIs' guide, which explains how to define API documentation, implement client and server logic, and add corresponding tests.

Is this skill compatible with all browsers supported by Playwright?

The skill provides guidance on updating the WebKit Safari version, but general API and CLI modifications apply to Playwright-supported browsers. Specific compatibility details should be verified per browser.

Are there any prerequisites for using this skill?

Users should be familiar with Playwright's monorepo structure, coding conventions, and basic JavaScript/TypeScript development practices.

Can I use this skill to manage vendor dependencies?

Yes, the 'Vendor Dependencies & Bundling' guide covers adding vendored npm packages, managing bundles, and using the 'check_deps' command.

How can I debug regressions across different versions of Playwright?

The 'Bisecting Across Published Versions' guide explains how to reproduce regressions side-by-side from npm and compare differences in 'node_modules/playwright/lib/' between versions.

All Files

9 files
SKILL.md1.1 KB
View
webkit-safari-version.md0.9 KB
View
api.md10.2 KB
View
vendor.md11.1 KB
View
bisect-published-versions.md4.0 KB
View
dashboard.md1.2 KB
View
library.md17.4 KB
View
trace_system_guide.md24.6 KB
View
tools.md16.5 KB
View

Install playwright-dev

Download and extract the skill files to your .claude/skills/ directory.

Quick Setup:

  1. Copy the skill folder to .claude/skills/
  2. Claude will automatically detect and use the skill