mcpField
U
Urlbox Full Page Screenshots

Urlbox Full Page Screenshots

本地服务
github.com/urlbox浏览器自动化32 周前更新

关于 Urlbox Full Page Screenshots

Urlbox Screenshot API 的 MCP 服务,可供需要网页采集能力的 AI 客户端调用。它支持截图、PDF、视频及 HTML、Markdown 和文章文本提取;本地桥接还可将渲染结果保存到电脑。

主要功能

  1. 01生成网页截图、PDF 和视频
  2. 02提取 HTML、Markdown 与文章文本
  3. 03比较网页并管理项目和 Webhook
  4. 04查看用量
  5. 05将渲染结果保存到本地

适用场景

  1. 01为网页生成截图或 PDF
  2. 02把文章内容转换为 Markdown
  3. 03查看网页的手机端呈现效果

MCP 相关

通过托管端点或本地 stdio 桥接向 MCP 客户端提供 Urlbox 工具。工具涵盖网页渲染、内容提取及项目、Webhook 和用量管理;本地桥接另提供保存渲染文件的工具。

配置

本地服务的配置在各客户端中通用,复制后粘贴到客户端的 MCP 配置文件即可。

暂未收录安装方式

我们还没有获取到这个服务的安装包或远程地址,请按项目 README 中的说明安装。

代码仓库

工具

还没有获取到工具列表

本地服务需要在你的电脑上运行后才能读取工具,维护者暂未提供工具列表。

详细介绍

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 服务负责提供工具、资源和提示模板,两者通过标准消息通信,同一个服务可以被不同客户端复用。