MCP Playwright CDP

by lars-hagen
Verified

local-only server

The server can only run on the client’s local machine because it depends on local resources.

MCP 劇作家 CDP

PlaywrightとChrome DevTools Protocol(CDP)サポートを活用したブラウザ自動化機能を提供するモデルコンテキストプロトコル(CMP)サーバー。このサーバーにより、LLMはウェブページを操作したり、スクリーンショットを撮ったり、実際のブラウザ環境でJavaScriptを実行したりすることが可能になり、CDP経由で既存のChromeインスタンスに接続することも可能です。

これは、実行中の Chrome インスタンスに接続するための CDP サポートが強化された、 executeautomation/mcp-playwright v0.2.7 のフォークです。

主な特徴

  • 🔗 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
  1. サーバーは、新しいブラウザを起動する前に、まず実行中の Chrome インスタンスへの接続を自動的に試みます。

クレジット

このプロジェクトはexecuteautomation/mcp-playwrightのフォークであり、実行中の Chrome インスタンスに接続するための CDP サポートが強化されています。

ライセンス

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

You must be authenticated.

A
security – no known vulnerabilities
F
license - not found
A
quality - confirmed to work

LLM が Chrome DevTools プロトコル サポートを備えた Playwright フレームワークを通じてブラウザの自動化を実行し、既存の Chrome インスタンスに接続して高度な Web インタラクションと JavaScript 実行を実行できるようにします。

  1. Key Features
    1. Installation
      1. Installing via Smithery
      2. Manual Installation
    2. Configuration
      1. CDP Connection
        1. Credits
          1. License
            ID: fdvu5n58kv