Playwright CDP

🚀 MCP Playwright CDP

ブラウザ自動化機能を提供するモデルコンテキストプロトコル（MCP）サーバーです。Playwrightを使用し、Chrome DevTools Protocol (CDP)をサポートしています。このサーバーにより、LLMは実際のブラウザ環境でウェブページと対話し、スクリーンショットを撮り、ブラウザコンテキスト内でJavaScriptを実行することができます。また、CDPを通じて実行中のChromeインスタンスに接続することもサポートしています。

このプロジェクトはexecuteautomation/mcp-playwright v0.2.7のフォークバージョンで、CDPを通じて実行中のChromeインスタンスに接続する機能が強化されています。

✨ 主な機能

• 🔗 CDPを通じて既存のChromeインスタンスに接続
• 🌐 完全なブラウザ自動化機能
• 📸 ページ全体または特定の要素のスクリーンショットを撮る
• 🖱️ 包括的なウェブページとの対話（ナビゲーション、クリック、フォーム入力）
• 📊 コンソールログの監視
• 🔧 ブラウザコンテキスト内でJavaScriptを実行
• 🌍 HTTP APIテストをサポート

📦 インストール

npmまたはSmitheryを使用してインストールできます。

Smitheryを使用した自動インストール

Smitheryを通じてClaude DesktopにMCP Playwright CDPを自動インストールします。

npx -y @smithery/cli install @lars-hagen/mcp-playwright-cdp --client claude

手動インストール

npmを使用する場合：

npm install

📚 ドキュメント

設定

Claude Desktopの設定ファイルに以下の内容を追加します。

{
  "mcpServers": {
    "playwright": {
      "command": "node",
      "args": ["/path/to/mcp-playwright/dist/index.js"]
    }
  }
}

/path/to/mcp-playwrightを実際のリポジトリのパスに置き換えてください。

CDP接続

このフォークでは、CDPを通じて実行中のChromeインスタンスに接続する機能が追加されています。使用方法は以下の通りです。

1. Chromeを起動し、リモートデバッグを有効にします。

/Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --remote-debugging-port=9222

2. サーバーは自動的に実行中のChromeインスタンスに接続を試み、接続できない場合は新しいブラウザを起動します。

🔗 謝辞

このプロジェクトはexecuteautomation/mcp-playwrightをフォークし、CDPを通じて実行中のChromeインスタンスに接続する機能を強化したものです。

📄 ライセンス

このプロジェクトはMITライセンスの下でライセンスされています。詳細はLICENSEファイルを参照してください。