playwright-dev について
Playwright のコードベースに貢献する開発者向けのガイドです。アーキテクチャ、API の変更、MCP ツールと CLI コマンド、依存関係のバンドル、WebKit、バージョン間の不具合調査、CLI ダッシュボードを扱います。
主な機能
- 01コードベースのアーキテクチャ解説
- 02API 実装とテストのガイド
- 03MCP ツールと CLI の開発
- 04依存関係のバンドル手順
- 05WebKit とダッシュボードの開発ガイド
活用シーン
- 01Playwright ライブラリの構造を把握
- 02API の追加や変更とテストの作成
- 03MCP ツールや CLI コマンドの開発
- 04リリース間のリグレッション調査
MCP 対応
Playwright に MCP ツールと CLI コマンドを追加する手順を含みます。
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/ / github.com/ microsoft/ playwright --skill playwright-devインストール後、Claude Code で/playwright-devを入力して読み込まれたか確認します。
同梱ファイル
SKILL.md と一緒にインストールされる参考資料やスクリプト。
api.mdbisect-published-versions.mddashboard.mdlibrary.mdtools.mdtrace_system_guide.mdvendor.mdwebkit-safari-version.mdwebview.md詳細
Playwright 開発ガイド
モノレポの構造、ビルド/テスト/Lint コマンド、コーディング規約については、AGENTS.md をご覧ください。
詳細ガイド
- ライブラリアーキテクチャ — クライアント/サーバー/ディスパッチャーの構造、プロトコル層、DEPS のルール
- API の追加と変更 — API ドキュメントを定義し、クライアント/サーバーを実装して、テストを追加します
- MCP ツールと CLI コマンド — MCP ツール、CLI コマンド、設定オプションの追加
- ベンダー依存関係とバンドル — utilsBundle、coreBundle、babelBundle、ベンダー管理する npm パッケージの追加、DEPS.list、
check_deps - WebKit Safari バージョンの更新 — WebKit のユーザーエージェント内の Safari バージョン文字列を更新します
- WebView(iOS Safari)バックエンド — 標準の Mobile Safari を使った
webkit/webview/、暫定ターゲットの一時停止/再開、上流の変更と Playwright のパッチの違い、ローカルおよび CI のテスト設定 - 公開済みバージョン間のバイセクト — npm の公開済みバージョンを並べてリグレッションを再現し、バージョン間で
node_modules/playwright/lib/を比較します - ダッシュボード - 「playwright cli show」コマンドを支える UI と、その開発方法
コメント
Markdown 対応