Playwright MCP Server (ExecuteAutomation)
ExecuteAutomation版Playwright MCPサーバーでClaude連携・ブラウザ自動化とテストを実現
npx @executeautomation/playwright-mcp-server概要
Playwright MCP Server(ExecuteAutomation版)の設定方法と使い方。
Playwrightを使ってブラウザ操作・スクレイピング・E2EテストをClaudeから行えるMCPサーバー。
ページ遷移・クリック・入力・スクリーンショット取得・要素の検証などが可能。
ClaudeとPlaywrightのMCPサーバー連携により、Webサイトの動作確認やデータ取得、テストコード生成を自動化できる。
Chromium・Firefox・WebKitに対応し、テスト自動化用途も想定されている。
設定方法は npx -y @executeautomation/playwright-mcp-server を起動するようconfig JSONに登録するだけでシンプルに完結する。
料金・APIキー情報
料金
完全無料APIキー
🔓 不要✅このMCPはAPIキー不要です。別途セットアップが必要な場合があります(上記参照)。
こんな使い方ができます
Webページを開いて操作し、結果のスクリーンショットをClaudeに確認させられる
対象サイトから必要なデータを取得してClaudeに整理・分析させられる
ユーザー操作のシナリオを実行してE2Eテストの結果をClaudeに評価させられる
ページ要素を検証してテストコードのたたき台をClaudeに作らせられる
セットアップ手順
- 1
Node.jsが使える環境を用意する(npxで起動するため)
- 2
ターミナルで以下を実行してClaude Codeに追加する:claude mcp add playwright -- npx -y @executeautomation/playwright-mcp-server
設定ファイル
コピー前に確認
Node.js環境が必要(npx -y @executeautomation/playwright-mcp-server)。初回実行時にPlaywrightが対象ブラウザ(Chromium等)を取得することがある。APIキーは不要。
claude mcp add playwright -- npx -y @executeautomation/playwright-mcp-server注意事項
既存の「Playwright MCP Server」(microsoft/playwright-mcp、アクセシビリティツリー方式の公式版)とは別の実装。ExecuteAutomation版(npm: @executeautomation/playwright-mcp-server)はスクリーンショットやテスト自動化寄りの機能を備え、テストコード生成支援なども想定されている。用途に応じて公式版と使い分けるとよい。