Playwright MCP Server
ブラウザ操作をClaudeが自動実行できるMicrosoftの公式MCPサーバー
29,632GitHub
クイックインストール
npx @playwright/mcp@latest概要
MicrosoftによるPlaywright公式MCPサーバー。
ClaudeがWebブラウザを操作してページ移動・クリック・フォーム入力・スクリーンショット取得・テスト実行を自動化できる。
アクセシビリティスナップショットを使用した効率的なDOM解析により、スクリーンショットに依存せずWebページを操作できる。
E2Eテストの自動生成やWebスクレイピングに最適。
設定方法はconfig JSONをClaude DesktopまたはClaude Codeの設定ファイルに追記するだけで完了する。
導入コストが低く、非エンジニアでも設定・利用しやすい点が大きな特徴だ。
料金・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