浏览器自动化工具

基于MCP协议和Playwright的浏览器自动化工具,通过与Claude桌面客户端交互实现用户提示控制浏览器操作。

  • by hrmeetsingh
  • TypeScript
  • 本地部署
  • 12 星标
  • 更新于
在 GitHub 查看 hrmeetsingh/mcp-browser-automation

使用说明

MCP浏览器自动化

这是一个演示项目,用于实践基于模型上下文协议的服务器实现,以使用Playwright自动浏览。它与Claude Desktop客户端交互,接受用户提示,并使用服务器控制浏览器。

先决条件

建筑

  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. 将以下内容复制到文件中:
{
  "mcpServers": {
    "mcp-browser-automation": {
      "command": "node",
      "args": ["/path/to/mcp-browser-automation/dist/index.js"]
    }
  }
}
  1. 启动克劳德桌面

用法

  1. 打开克劳德桌面
  2. 启动新对话以打开浏览器并导航到URL

示例

  • 添加了MCP服务器选项

  • 导航到URL并与剧作家一起执行操作