mcpField
U
Urlbox

Urlbox

远程服务
urlbox.com浏览器自动化32 周前更新

关于 Urlbox

Urlbox Screenshot MCP Server 将 AI 助手连接到 Urlbox 的浏览器渲染和网页提取服务。它可生成截图、PDF 和视频,提取网页内容、比较页面,并管理 Urlbox 项目、webhook 和用量;本地桥接程序将请求转发到托管服务。

主要功能

  1. 01生成网站截图、PDF 和视频
  2. 02提取 HTML、Markdown 和文章文本
  3. 03比较网页
  4. 04管理项目、webhook 和用量
  5. 05使用 save_render 下载渲染文件

适用场景

  1. 01截取网页供视觉审查
  2. 02将文章页面转换为 Markdown
  3. 03比较不同视图中的页面呈现
  4. 04将生成的渲染文件保存到电脑

MCP 相关

托管 MCP 服务地址为 `https://api.urlbox.com/mcp`。本地 stdio 桥接程序会转发请求,并提供 `save_render` 来下载渲染文件。

配置

远程服务无需本地安装。选择你使用的客户端,复制配置或使用一键安装。

服务地址https://api.urlbox.com/mcp
一键复制安装命令
Claude CodeTerminal
Cursor.cursor/mcp.json
VS Code.vscode/mcp.json
Claude Desktopclaude_desktop_config.json
Windsurf~/.codeium/windsurf/mcp_config.json

命令在终端中运行;JSON 粘贴到对应客户端的 MCP 配置后重启。需要授权的服务会在首次连接时提示登录。

全部服务地址
Streamable HTTPhttps://api.urlbox.com/mcp需要授权
安装包
npm@urlbox/screenshot-mcp2.0.0

工具

详细介绍

Urlbox 截图 MCP 服务

image

为你的 AI 助手提供一个真正的浏览器,用于截取网站截图。Urlbox MCP 服务可截取截图、生成 PDF 和视频、提取 HTML、Markdown 和文章文本、比较页面,以及管理你的 Urlbox 项目、webhook 和用量。

使用托管服务(推荐)

将客户端连接到 https://api.urlbox.com/mcp。无需安装。

  • Claude(claude.ai 和桌面端):依次打开 Settings、Connectors、Add custom connector,输入 https://api.urlbox.com/mcp,然后登录 Urlbox。

  • ChatGPT:添加一个 URL 为 https://api.urlbox.com/mcp 的连接器,然后登录 Urlbox。

  • Claude Code:运行 claude mcp add --transport http urlbox https://api.urlbox.com/mcp,然后运行 /mcp 登录。

  • Codex:运行 codex mcp add urlbox --url https://api.urlbox.com/mcp,然后运行 codex mcp login urlbox 登录。

  • Cursor:将以下内容添加到 ~/.cursor/mcp.json:

    {
      "mcpServers": {
        "urlbox": {
          "url": "https://api.urlbox.com/mcp",
          "headers": { "Authorization": "Bearer YOUR_URLBOX_API_KEY" }
        }
      }
    }
    

无法登录的客户端可以通过 Authorization: Bearer <key> 发送 API 密钥。组织 API 密钥(ubx_org_...)可解锁所有工具。项目密钥仅适用于渲染工具。你可以在 Urlbox 控制台中找到密钥。

本地桥接程序(此软件包)

有些客户端只能启动本地服务。此软件包是一个小型本地桥接程序:它通过 stdio 在你的计算机上运行,并将所有请求转发到托管服务,因此你可以使用完全相同且始终保持最新的工具。

{
  "mcpServers": {
    "urlbox": {
      "command": "npx",
      "args": ["-y", "@urlbox/screenshot-mcp"],
      "env": {
        "URLBOX_API_KEY": "your_api_key_here"
      }
    }
  }
}

需要 Node.js 20 或更高版本。

变量描述
URLBOX_API_KEY你的组织 API 密钥或项目密钥。
SECRET_KEY也接受此变量,以兼容为 1.x 编写的配置。如果两者都已设置,则优先使用 URLBOX_API_KEY。
URLBOX_DOWNLOAD_DIRsave_render 保存文件的位置。默认为 ~/Downloads。

此桥接程序新增了一个本地工具 save_render,可下载任何 Urlbox 工具返回的渲染 URL,并将其保存到你的计算机上。只需提出请求,例如“截取 example.com 的截图并保存到我的计算机上”。绝不会覆盖现有文件。

从 1.x 升级

现有配置仍可继续使用:仍会读取 SECRET_KEY,软件包名称和命令也保持不变。

  • 工具现在由托管服务提供,因此数量更多,并且无需更新即可持续改进。
  • render 仍然可用。其 store_renders 选项和 download 工具已由 save_render 取代。
  • 文件现在会保存到 ~/Downloads,而不是 ~/Downloads/urlbox-renders。设置 URLBOX_DOWNLOAD_DIR 即可保留旧位置。
  • 使用项目密钥可获得渲染工具。使用组织 API 密钥还可管理项目、webhook 和用量。
  • 需要 Node.js 20 或更高版本。

示例提示词

开发

npm install
npm test

测试会使用本地模拟服务运行桥接程序,因此无需 Urlbox 账户。

许可证

MIT

评论

支持 Markdown

第一次接触 MCP?

从协议是什么,到在客户端里装上第一个服务,这几条回答覆盖了大多数入门问题。

一个开放协议,规定了 AI 应用如何以统一方式连接外部工具与数据源。客户端负责与模型对话,MCP 服务负责提供工具、资源和提示模板,两者通过标准消息通信,同一个服务可以被不同客户端复用。