MCP Browser Automation Server

🚀 基於 MCP 協議的瀏覽器自動化服務器實現演示項目

本項目是一個基於 Playwright 實現模型上下文協議 (MCP) 服務器的 demo 項目。它能演示如何藉助 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. 在 ~/Application\ 支持/Claude/claude_desktop_config.json 創建配置文件（適用於 macOS）。
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 進行操作