Playwright MCP Server

{
  "mcpServers": {
    "playwright": {
      "command": "npx",
      "args": ["-y", "@playwright/mcp@latest"]
    }
  }
}

{
  "mcpServers": {
    "playwright": {
      "command": "npx",
      "args": ["-y", "@playwright/mcp@latest"]
    }
  }
}

{
  "mcpServers": {
    "playwright": {
      "command": "npx",
      "args": ["-y", "@playwright/mcp@latest"]
    }
  }
}

概要

Playwright MCP Serverは、Microsoft公式が提供するPlaywright向けMCPサーバーです。Chrome・Firefox・Safari（WebKit）の3大ブラウザを制御するPlaywrightをAIクライアントから直接呼び出せます。

「このページをスクリーンショット撮影して」「ログインしてダッシュボードのデータを取得して」「このE2Eテストシナリオを実行して結果を教えて」—こうした指示にAIがブラウザを起動して応答します。PuppeteerがChromiumのみ対応なのに対し、PlaywrightはWebKitやFirefoxを含むマルチブラウザに対応している点が大きな差別化ポイントです。

テスト自動化・情報収集・UI検証など、Webブラウザを使った繰り返し作業を効率化したい開発チームやQAエンジニアに特に有効です。

導入手順

前提条件

• Node.js 18以上
• Playwrightが制御するブラウザ（初回 npx playwright install で自動取得）

ステップ

1. ページ上部のタブから使用環境（Claude Desktop / Cursor / Cline）を選択し、JSON設定をコピー
2. コピーしたJSONを設定ファイル（claude_desktop_config.json など）に追記して保存
3. クライアントを再起動
4. 初回のみ: ブラウザを事前インストール（推奨）

npx playwright install

APIキーや認証情報は不要です。

使い方の例

「https://example.com のスクリーンショットをChromiumとFirefoxの両方で撮影して比較して」

「https://example.com/login にユーザー名 'test@example.com' でログインして、ダッシュボードに表示されている月次売上の数値を取得して」

「https://example.com の全ページリンクをクリックして、404エラーが発生するページを一覧化して」

「このE2Eテストシナリオを実行して: トップページ→商品ページ→カートに追加→決済ページへ進む」

注意事項

• Webサイトの利用規約や robots.txt を確認し、自動操作が許可されているか事前に確認してください。
• ログインが必要なページでは、パスワードを直接AIに渡さず、環境変数や別の認証手段を使ってください。
• Playwrightはブラウザを起動するためメモリを消費します。複数ブラウザを同時起動する場合はリソースに注意してください。
• 初回起動時にPlaywrightのブラウザバイナリのダウンロードが発生します（合計約500MB）。