playwright-dev

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

安装方式

默认使用会先检查来源的 Prompt；你也可以切换为直接命令，或下载本地副本。

用 Codex 或 Claude 帮你安装复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。

直接命令不会经过审查 Prompt；运行前请先检查来源。

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

命令会保持在同一行。复制前请横向滚动并检查完整内容。

想先保存到本地？可下载 SkillsMP 当前能够提供的文件。

决定是否安装前，请先阅读 SKILL.md，以及 SkillsMP 当前展示的配套文件。

文件资源管理器

10 个文件

SKILL.md

来源说明 · 只读预览

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

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