MCP 插件使用指南：以 browser-tools-mcp 为例

1. 环境配置（Browser Tools 为例）

安装 Python 和 Node.js，创建目录并克隆仓库。

# 创建目录
mkdir C:\\Users\\<username>\\Documents\\Cline\\MCP\\browser-tools-mcp

# 克隆仓库
git clone https://github.com/AgentDeskAI/browser-tools-mcp.git "C:\\Users\\<username>\\Documents\\Cline\\MCP\\browser-tools-mcp"

2. MCP 服务安装启动

进入项目目录，安装依赖并启动服务。

cd C:\\Users\\<username>\\Documents\\Cline\\MCP\\browser-tools-mcp
npm install @agentdeskai/[email protected]
npx @agentdeskai/[email protected]
npx @agentdeskai/[email protected]

参考官方文档：https://browsertools.agentdesk.ai/installation

3. 浏览器插件配置

下载并安装浏览器扩展插件。

下载地址：https://github.com/AgentDeskAI/browser-tools-mcp/releases/download/v1.2.0/BrowserTools-1.2.0-extension.zip

4. Cline 服务配置

在 Cline 配置文件中添加以下 MCP 服务配置。

{
  "browser-tools-mcp": {
    "command": "node",
    "args": ["d:/Suo/code/tmp-AI/browser-tools-mcp/browser-tools-mcp/dist/mcp-server.js"],
    "disabled": false,
    "autoApprove": []
  }
}

注意：请根据实际安装路径修改 args 中的文件路径。

5. 最终效果

浏览器端调试工具将增加插件页面，实现与 AI 助手的交互功能。