MCPブラウザ自動化

これは、Playwright によるブラウジングの自動化を目的とした、モデルコンテキストプロトコルベースのサーバー実装を練習するためのデモプロジェクトです。Claude デスクトップクライアントと連携してユーザープロンプトを受け付け、サーバーを介してブラウザを制御します。

前提条件

• 劇作家

• クロードデスクトップ

• Node.js

Related MCP server: MCP Playwright CDP

建物

1. リポジトリをクローンします: git clone https://github.com/hrmeetsingh/mcp-browser-automation.git

2. 依存関係をインストール: npm install

3. 出力実行ファイルがdistフォルダに存在することを確認します

統合

1. ~/Application\ Support/Claude/claude_desktop_config.jsonに設定ファイルを作成します（これは macOS 用です）

2. 次の内容をファイルにコピーします。

3. Claudeデスクトップを起動

使用法

1. クロードデスクトップを開く

2. 新しい会話を開始してブラウザを開き、URL に移動します

例

• MCPサーバーオプションを追加しました

• URL に移動して Playwright でアクションを実行する