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 分