playwright-dev
Explains how to develop Playwright - add APIs, MCP tools, CLI commands, and vendor dependencies.
Security Assessment
Detected risks:
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.
Install playwright-dev
Quick Setup:
- Copy the skill folder to
.claude/skills/ - Claude will automatically detect and use the skill
Repository
microsoft/playwright