Screenshotrender Mcp

io.github.faridmth由 GitHub 账号 faridmth 发布v1.0.1更新于 Oct 24, 2026

Capture website screenshots from any MCP client via the ScreenshotRender API.

已验证STDIO仅桌面浏览器自动化媒体与设计

概览

AI 生成的概览

封装 ScreenshotRender API，让助手截取公开网页的截图，并在对话中直接返回图片和托管链接。

可以做什么
  • 截取任意公开网址的截图，可选择整页截图、截图前等待时长和加载超时。
  • 在对话中直接返回图片，并附带托管链接和页面元数据（标题、描述）。
适用场景
适合需要让助手渲染某个公开网页并在对话中展示的场景，例如查看网站外观，或在不离开对话的情况下获取整页截图。
运行要求
以 stdio 方式在本机运行，通常通过 npx 启动 npm 包 screenshotrender-mcp，因此需要 Node.js。需要 ScreenshotRender API 密钥，通过环境变量 SCREENSHOTRENDER_API_KEY 提供；可选环境变量 SCREENSHOTRENDER_BASE_URL 可覆盖 API 基础地址。需要能访问 ScreenshotRender 服务的网络。
安装前请注意
SCREENSHOTRENDER_API_KEY 中的 API 密钥属于机密，会发送给 ScreenshotRender 服务，该服务可能按用量收费。请求的网页地址会发送给第三方，生成的图片也会保存在托管链接上。建议只截取公开页面。

安装

在 SourceWeft 中

  1. 打开 控制台中的 Screenshotrender Mcp，将其添加到工作区。
  2. 为需要使用其工具的对话启用该服务。

Desktop only，通过 STDIO。 STDIO 服务会启动本地进程，因此需要 SourceWeft 桌面宿主。

其他 MCP 客户端

参照 仓库 中的启动说明。

README

ScreenshotRender MCP server

Capture website screenshots from inside Claude, Cursor, VS Code, Windsurf, or any Model Context Protocol client. This server wraps the ScreenshotRender API so your AI assistant can render any public web page on request.

Ask your assistant: "Take a full-page screenshot of stripe.com" and the image appears right in the chat.

Tools

ToolDescription
take_screenshotCapture a screenshot of any public URL. Returns the image inline plus a hosted URL and page metadata (title, description).

Parameters

  • url (string, required) — page to capture, including https://.
  • fullPage (boolean, optional) — capture the entire scrollable page instead of the viewport.
  • wait (number, optional) — milliseconds to wait before capturing (for animations / lazy content).
  • timeout (number, optional) — max milliseconds to wait for load.

Setup

  1. Get your API key at screenshotrender.com (it starts with sr-).
  2. Add the server to your MCP client config.

Claude Desktop

Edit claude_desktop_config.json (Settings → Developer → Edit Config):

json
{  "mcpServers": {    "screenshotrender": {      "command": "npx",      "args": ["-y", "screenshotrender-mcp"],      "env": {        "SCREENSHOTRENDER_API_KEY": "sr-your-key-here"      }    }  }}

Cursor / VS Code / Windsurf

Add the same block under the editor's MCP settings (mcp.json or the MCP settings UI). Restart the client and the take_screenshot tool will be available.

Environment variables

VariableRequiredDescription
SCREENSHOTRENDER_API_KEYyesYour ScreenshotRender key (sr-...).
SCREENSHOTRENDER_BASE_URLnoOverride the API base URL. Defaults to https://screenshotrender.com.

Local development

bash
npm installSCREENSHOTRENDER_API_KEY=sr-your-key npm run inspect   # opens MCP Inspector

The Inspector lets you call take_screenshot and view the result before shipping.

License

MIT

来源：README.md，提交 092d24c

工具

0
SourceWeft 尚未在沙箱中启动过该软件包，因此其工具未知。

版本历史

1
  1. v1.0.1最新Sep 16, 2026

评分

已满足适用检查项的 50%

该评分衡量此收录条目的完整程度，依据注册中心条目、端点与公开来源计算得出。它不是对服务器本身的评价，也不表示服务器安全或当前可用：可连通性是带日期的检查结果，评分也不包含安装量或用户评价。

  • 近 30 天内可连通25 分

    请保持端点能够响应 MCP 握手；SourceWeft 每 30 天探测一次。

  • 已声明认证方式10 分

    请在注册中心条目中声明凭据请求头，或保持端点能够响应探测，以便判定其认证方式。

  • 已列出工具15 分

    请让服务器在无凭据时响应 tools/list，或发布可在沙箱中无凭据启动的软件包。

  • 描述必需15 分
  • 图标10 分
  • 文档15 分
  • 许可证10 分