关于 Urlbox
Urlbox Screenshot MCP Server 将 AI 助手连接到 Urlbox 的浏览器渲染和网页提取服务。它可生成截图、PDF 和视频,提取网页内容、比较页面,并管理 Urlbox 项目、webhook 和用量;本地桥接程序将请求转发到托管服务。
主要功能
- 01生成网站截图、PDF 和视频
- 02提取 HTML、Markdown 和文章文本
- 03比较网页
- 04管理项目、webhook 和用量
- 05使用 save_render 下载渲染文件
适用场景
- 01截取网页供视觉审查
- 02将文章页面转换为 Markdown
- 03比较不同视图中的页面呈现
- 04将生成的渲染文件保存到电脑
MCP 相关
托管 MCP 服务地址为 `https://api.urlbox.com/mcp`。本地 stdio 桥接程序会转发请求,并提供 `save_render` 来下载渲染文件。
配置
远程服务无需本地安装。选择你使用的客户端,复制配置或使用一键安装。
https://api.urlbox.com/mcpclaude mcp add --transport http urlbox-screenshot https://api.urlbox.com/mcp{"mcpServers":{"urlbox-screenshot":{"type":"http","url":"https://api.urlbox.com/mcp"}}}在 Cursor 中打开{"servers":{"urlbox-screenshot":{"type":"http","url":"https://api.urlbox.com/mcp"}}}在 VS Code 中打开{"mcpServers":{"urlbox-screenshot":{"type":"http","url":"https://api.urlbox.com/mcp"}}}{"mcpServers":{"urlbox-screenshot":{"serverUrl":"https://api.urlbox.com/mcp"}}}命令在终端中运行;JSON 粘贴到对应客户端的 MCP 配置后重启。需要授权的服务会在首次连接时提示登录。
https://api.urlbox.com/mcp需要授权工具
详细介绍
Urlbox 截图 MCP 服务
为你的 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_DIR | save_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 或更高版本。
示例提示词
- 截取 https://example.com 的截图,不要显示广告或 Cookie 横幅。
- 将 https://urlbox.com 保存为带标签和大纲的 PDF,并下载到我的计算机上。
- 将这篇文章转换为 Markdown:https://example.com/blog/post
- https://example.com 在手机上的显示效果如何?
开发
npm install
npm test
测试会使用本地模拟服务运行桥接程序,因此无需 Urlbox 账户。
许可证
MIT
评论
一个开放协议,规定了 AI 应用如何以统一方式连接外部工具与数据源。客户端负责与模型对话,MCP 服务负责提供工具、资源和提示模板,两者通过标准消息通信,同一个服务可以被不同客户端复用。
