Automata Labs Team MCP Server Playwright

🚀 MCP サーバー Playwright

Playwright を使用した、ブラウザ自動化機能を提供するモデルコンテキストプロトコル（Model Context Protocol）サーバーです。大規模言語モデルとウェブページのインタラクション、スクリーンショットの取得、およびブラウザ環境での JavaScript の実行を可能にします。

🚀 クイックスタート

この MCP サーバー Playwright は、Playwright を用いてブラウザ自動化機能を提供するサーバーです。大規模言語モデルがウェブページとやり取りし、スクリーンショットを撮影し、ブラウザ環境で JavaScript を実行することができます。

📦 インストール

Smithery を使用する場合

以下のコマンドを使用してインストールできます。

smith install @automatalabs/mcp-server-playwright

CLI ツールを使用する場合

Node.js パッケージ管理ツールを使用してインストールすることもできます。

npm install @automatalabs/mcp-server-playwright

📚 ドキュメント

設定

プロジェクトの設定ファイルは通常 JSON ファイルです。以下はその例です。

{
  "serverPort": 3000,
  "playwrightConfig": {
    "devices": {
      "Desktop Chrome": {
        "browserName": "chromium",
        "isMobile": false,
        "viewport": { "width": 1920, "height": 1080 }
      }
    }
  }
}

コンポーネント

ツール

このサーバーが提供する主なツールは次の通りです。

1. ナビゲーション (playwright_navigate)

   • 機能：指定された URL に移動します。
   • 使用方法：

     { "command": "playwright_navigate", "args": { "url": "https://example.com" } }
     

2. スクリーンショットの取得 (playwright_screenshot)

   • 機能：現在のページのスクリーンショットをキャプチャします。
   • 使用方法：

     { "command": "playwright_screenshot", "args": { "name": "screenshot-name" } }
     

3. JavaScript の実行 (playwright_evaluate)

   • 機能：ブラウザコンテキストで任意の JavaScript コードを実行します。
   • 使用方法：

     { "command": "playwright_evaluate", "args": { "script": "document.title" } }
     

4. テキストの入力 (playwright_fill)

   • 機能：フォームフィールドにテキストを入力します。
   • 使用方法：

     { "command": "playwright_fill", "args": { "selector": "#input-field", "value": "Hello World" } }
     

5. ドロップダウンボックスの選択 (playwright_select)

   • 機能：ドロップダウンリストから指定された値を選択します。
   • 使用方法：

     { "command": "playwright_select", "args": { "selector": "#dropdown", "value": "option-value" } }
     

リソース

1. コンソールログ (console://logs)

   • タイプ：テキストファイル
   • 説明：ブラウザコンソールの出力ログ情報にアクセスします。

2. スクリーンショット (screenshot://<n>)

   • タイプ：PNG 画像ファイル
   • 説明：名前を指定してキャプチャしたスクリーンショットを参照します。

📄 ライセンス

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