如何在 Claude Desktop、Cursor 和 Windsurf 中使用 PageBolt 的 MCP 服务器

Source: Dev.to

介绍

AI 代理需要网页访问，但在本地运行 Chromium 成本高：部署体积大、冷启动慢、内存峰值高。大多数代理无法应对。

模型上下文协议（MCP） 通过让 AI 助手原生调用外部工具来解决这个问题——无需安装任何东西。PageBolt 的 MCP 服务器为你的 AI 代理提供两项超能力：

• screenshot — 对任意 URL 截图
• record_video — 将浏览器工作流录制为带 AI 旁白的 MP4

全部无需本地 Chromium 实例或额外基础设施——只需一次 API 调用。

在 Claude Desktop 中安装 PageBolt MCP

Claude Desktop 会从配置文件自动发现 MCP 服务器。

步骤 1：创建配置文件

{
  "pagebolt": {
    "command": "npx",
    "args": ["@pagebolt/mcp", "--api-key", "YOUR_API_KEY"]
  }
}

保存为 ~/.claude/mcp-servers.json。

步骤 2：获取你的 API 密钥

访问并复制你的 API 密钥。

步骤 3：重启 Claude Desktop

重启后，Claude Desktop 可以原生调用 PageBolt 的截图和视频工具。

在 Claude Desktop 中使用 PageBolt

打开 Claude Desktop 并提问，例如：

“对 https://example.com 截图并告诉我页面上有什么”

Claude 会自动：

1. 调用 PageBolt 的 screenshot 工具
2. 下载图片
3. 分析图片
4. 将结果报告给你

无需额外提示。

示例：AI 代理工作流

User: "检查我们的登陆页是否在线"

Agent (thinks): 我需要对登陆页 URL 截图
Agent: 调用 PageBolt screenshot 工具 → 获取图像
Agent: 分析图像 → 看到 “404 Not Found”
Agent: 报告: “登陆页返回 404。部署可能失败了。”

在 Cursor 中安装 PageBolt MCP

Cursor 使用相同的 MCP 协议和配置文件。

步骤 1：创建配置文件

{
  "pagebolt": {
    "command": "npx",
    "args": ["@pagebolt/mcp", "--api-key", "YOUR_API_KEY"]
  }
}

保存为 ~/.cursor/mcp-servers.json。

步骤 2：重启 Cursor

现在 Cursor 的 AI 代理拥有原生的截图和视频录制能力。

实际示例：Cursor 代理测试

Developer: "使用代理测试结账流程"

Agent:
  1. 对首页截图
  2. 看到 “Add to Cart” 按钮
  3. 点击它（通过 PageBolt record_video）
  4. 记录整个结账流程的视频
  5. 将 MP4 保存到 outputs/

Developer 收到视频证明结账流程正常工作。

在 Windsurf 中安装 PageBolt MCP

Windsurf 是 Cursor 的分支，使用相同的设置。

步骤 1：创建配置文件

{
  "pagebolt": {
    "command": "npx",
    "args": ["@pagebolt/mcp", "--api-key", "YOUR_API_KEY"]
  }
}

保存为 ~/.windsurf/mcp-servers.json（或直接复用 Cursor 的配置）。

步骤 2：重启 Windsurf

Windsurf 的 AI 代理现在拥有原生的截图和视频工具。

为什么这很重要

在 MCP 之前，AI 代理只能：

• 分析代码，却看不到实际 UI
• 编写测试，却无法视觉验证
• 部署代码，却无法确认部署是否成功

有了 PageBolt MCP，代理可以：

• 即时对任意 URL 截图
• 录制工作流视频
• 在 IDE 内部自行验证工作并调试，无需离开环境

定价

• 免费层： 100 次请求/每月
• 付费层： 起价 $29/月，提供 500 次请求（无设置费，无基础设施成本）

后续步骤

1. 在你的 IDE（Claude Desktop、Cursor 或 Windsurf）中安装 PageBolt MCP。
2. 让你的代理截图一个 URL。
3. 让它录制一个工作流视频。
4. 观察结果——无需额外基础设施。

PageBolt 是用于网页自动化的 MCP 服务器。可在 Claude Desktop、Cursor、Windsurf 或任何支持 MCP 的 IDE 中使用。