MCP Browser Automation Server

🚀 基于 MCP プロトコルのブラウザ自動化サーバー実装デモプロジェクト

このプロジェクトは、Playwright を使用してモデルコンテキストプロトコル (MCP) サーバーを実装するデモです。Claude Desktop クライアントを通じてユーザーの指示を受け取り、サーバーでブラウザを自動制御する方法を示します。

🚀 クイックスタート

✨ 主な機能

• Playwright を使用して MCP サーバーを実装
• Claude Desktop クライアントからのユーザー指示に基づき、ブラウザを自動制御

📦 インストール

前提条件

• Playwright
• Claude Desktop
• Node.js

プロジェクトの構築

1. リポジトリをクローンします: git clone https://github.com/hrmeetsingh/mcp-browser-automation.git
2. 依存関係をインストールします: npm install
3. dist フォルダに出力実行ファイルが存在することを確認します。

統合手順

1. macOS の場合、~/Application\ 支持/Claude/claude_desktop_config.json に設定ファイルを作成します。
2. 以下の内容をこのファイルにコピーします。

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

3. Claude Desktop を起動します。

💻 使用例

基本的な使用法

1. Claude Desktop を開きます。
2. 新しい会話を開始して、ブラウザを開き指定の URL に移動します。

サンプル操作

• MCP サーバーオプションを追加する

• URL に移動し、Playwright を使用して操作する