mcpField
S
SnapRender

SnapRender

远程服务
snap-render.com浏览器自动化33 周前更新

关于 SnapRender

SnapRender 为 AI Agent 和 MCP 客户端提供网页截图与内容提取功能。其托管和本地 MCP 服务提供截图、内容提取、批量任务及 Webhook 工具。

主要功能

  1. 01将网页保存为 PNG、JPEG、WebP 或 PDF
  2. 02提取 Markdown 或文本内容
  3. 03检查截图缓存和用量
  4. 04批量处理最多 50 个网址
  5. 05管理批量任务和 Webhook

适用场景

  1. 01按指定格式截取公开网页
  2. 02读取文章文本和页面元数据
  3. 03在后台批量处理多个网址
  4. 04在批量任务完成时接收通知

MCP 相关

通过托管的 Streamable HTTP MCP 服务或使用 stdio 的本地 npm 服务提供相同的 11 个工具。托管端点支持 OAuth 2.0 或 API 密钥认证。

配置

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

服务地址https://app.snap-render.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 配置后重启。需要授权的服务会在首次连接时提示登录。

工具

详细介绍

SnapRender

SnapRender 集成

SnapRender MCP connector: tool definition quality and endpoint health on Glama smithery badge npm MCP npm SDK PyPI SDK License: MIT Available on CodeGuilds MCP Badge

为 SnapRender 截图 API提供的官方集成:让 AI Agent 拥有视觉能力。将任意公开网页捕获为 PNG、JPEG、WebP 或 PDF,或将其读取为简洁的 Markdown。

远程 MCP 服务(推荐)

SnapRender 运行着托管式 MCP 服务。无需安装任何内容,即可从任意 MCP 客户端连接:

https://app.snap-render.com/mcp
  • 传输方式: Streamable HTTP
  • 登录: OAuth 2.0(客户端会打开 SnapRender 登录窗口;可使用 Google、GitHub 或电子邮件),或在 Authorization: Bearer 或 X-API-Key 标头中提供 API 密钥
  • 工具(11 个): 捕获、缓存检查、用量、签名链接、内容提取、批量处理和 Webhook(完整列表见下文)
  • 提示词: screenshot_website、compare_devices
  • 免费套餐: 每月 200 次截图,无需信用卡
  • 目录列表: Glama 上的 SnapRender(健康状态经过检查,工具质量经过评级)
Claude(claude.ai 和 Claude Desktop)

打开 Customize,然后选择 Connectors,点击 + Add,再选择 Add custom connector,并粘贴 https://app.snap-render.com/mcp。Claude 会打开 SnapRender 登录窗口;批准后即可使用这些工具。分步指南:snap-render.com/claude。

Cursor、VS Code、Windsurf 和其他客户端

每种客户端的设置页面,支持的客户端可一键安装:snap-render.com/ai-connectors。

需要使用标头而非 OAuth 的客户端:

{
  "mcpServers": {
    "snaprender": {
      "url": "https://app.snap-render.com/mcp",
      "headers": {
        "Authorization": "Bearer sk_live_your_key_here"
      }
    }
  }
}
任意 MCP 客户端(curl)
# Initialize a session
curl -X POST https://app.snap-render.com/mcp \
  -H "Content-Type: application/json" \
  -H "Accept: application/json, text/event-stream" \
  -H "X-API-Key: sk_live_your_key_here" \
  -d '{"jsonrpc":"2.0","id":1,"method":"initialize","params":{"protocolVersion":"2025-03-26","capabilities":{},"clientInfo":{"name":"test","version":"1.0"}}}'

服务端会返回 Mcp-Session-Id 标头:在后续请求中附上该标头,即可复用会话。

Smithery

通过 Smithery 安装,即可自动为任意 MCP 客户端完成设置。

本地 MCP 服务(npm)

如果你更希望通过 stdio 传输在本地运行:

{
  "mcpServers": {
    "snaprender": {
      "command": "npx",
      "args": ["-y", "snaprender-mcp"],
      "env": {
        "SNAPRENDER_API_KEY": "sk_live_your_key_here"
      }
    }
  }
}

完整文档请参阅 mcp-server/。

远程与本地对比
远程(托管)本地(npx)
安装无需安装,只需 HTTPS URL需要 Node.js + npx
传输方式Streamable HTTPstdio
登录OAuth 或 API 密钥API 密钥(SNAPRENDER_API_KEY)
使用场景Claude、ChatGPT、Cursor、任意 MCP 客户端仅运行本地服务的客户端

MCP 工具

托管服务和 npm 包提供相同的 11 个工具。参数记录在各工具的架构和 API 文档中。

工具功能费用
take_screenshot将 URL 截取为 PNG、JPEG、WebP 或 PDF:设备预设、整页截图、深色模式、移除广告和 Cookie 横幅、隐藏或点击选择器1 次截图(缓存副本免费)
check_screenshot_cache检查使用这些选项的截图是否已缓存免费
get_usage本月已使用和剩余的截图次数、限额及重置日期免费
sign_screenshot_url创建一个已签名链接,打开时即可渲染截图,无需 API 密钥打开时计为 1 次截图
extract_content将网页提取为 Markdown、文本、HTML、文章、链接或元数据1 次截图(失败免费)
batch_screenshots在一个后台任务中截取最多 50 个 URL每个 URL 计为 1 次截图(失败会退还)
get_batch_status查询批处理任务状态并获取下载链接免费
list_webhooks列出 Webhook 订阅免费
create_webhook在批处理完成、配额即将用尽或定时截图发生变化时接收通知免费
delete_webhook删除 Webhook 订阅免费
test_webhook向 Webhook 发送测试负载免费

Agent 框架集成

框架目录描述
LangChain Pythonlangchain/为 LangChain / LangGraph Agent 提供由 @tool 装饰的函数(PyPI)
LangChain.jslangchain-js/为 LangChain.js Agent 提供 StructuredTool 类(npm)
CrewAIcrewai/为 CrewAI Agent 提供 BaseTool 子类(PyPI)
AutoGenautogen/为 Microsoft AutoGen Agent 提供 FunctionTool 封装(PyPI)
n8n独立仓库用于 n8n 工作流的社区节点(npm)

其他集成

集成描述设置时间
OpenClaw SkillOpenClaw AI Agent 的 Skill 文件5 分钟
ChatGPT Actions用于 Custom GPT 和 OpenAI 函数调用的 OpenAPI 规范5 分钟
Postman Collection预构建的 Postman API 请求1 分钟

SDK

# Node.js
npm install snaprender

# Python
pip install snaprender

直接调用 API

curl "https://app.snap-render.com/v1/screenshot?url=https://example.com" \
  -H "X-API-Key: sk_live_your_key_here" \
  -o screenshot.png

获取 API 密钥

在 snap-render.com 免费注册:每月可截图 200 次,无需信用卡。

链接

许可证

MIT

评论

支持 Markdown

第一次接触 MCP?

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

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