Playwright MCP Server
Playwright MCPサーバーでClaude連携・ブラウザ操作とE2Eテスト実行を自動化
最終更新:2026年4月18日32,295GitHub
クイックインストール
npx @playwright/mcp@latest概要
Playwright MCP Serverの設定方法と使い方。
MicrosoftによるPlaywright公式MCPサーバー。
ClaudeがWebブラウザを操作してページ移動・クリック・フォーム入力・スクリーンショット取得・テスト実行が可能。
ClaudeとPlaywrightのMCPサーバー連携により、E2Eテストの自動生成・Webスクレイピング・UIバグ検出を自動化できる。
アクセシビリティスナップショットによる効率的なDOM解析で、スクリーンショット不要でWebページを操作できる点も特徴。
設定方法はconfig JSONを設定ファイルに追記するだけでシンプルに完結する。
料金・APIキー情報
料金
完全無料APIキー
🔓 不要✅このMCPはAPIキー不要です。別途セットアップが必要な場合があります(上記参照)。
こんな使い方ができます
ClaudeにWebサイトのUIテストを自動実行させられる
フォーム入力やボタンクリックなどのブラウザ操作を自動化できる
スクリーンショットを撮影してWebページのバグをClaudeに分析させられる
セットアップ手順
- 1
Node.js 18以上がインストールされていることを確認する
- 2
ターミナルで以下のコマンドを実行してClaude Codeに追加する:claude mcp add playwright -- npx -y @playwright/mcp@latest
設定ファイル
⚠️
コピー前に確認
Node.js 18以上
Terminal
claude mcp add playwright -- npx -y @playwright/mcp@latest#ブラウザ自動化#テスト#スクレイピング#E2E