Screenshotty

io.github.nihey由 GitHub 帳號 nihey 發布v1.1.0更新於 Oct 24, 2026

Capture web pages as screenshots (returned inline) or PDFs via the Screenshotty API.

已驗證STDIO僅桌面瀏覽器自動化媒體與設計

概覽

AI 產生的概覽

本機 MCP 伺服器,讓助理透過 Screenshotty API 將網頁或渲染後的 HTML 擷取為圖片或 PDF,並以內嵌方式檢視圖片。

可以做什麼
將網頁擷取為 PNG、JPEG 或 WebP 圖片,可設定視窗大小、整頁、CSS 選擇器、等待時間、廣告與 Cookie 橫幅阻擋、明暗模式及裝置縮放比例;回傳託管網址,圖片在 2 MB 以內時同時內嵌回傳。將含內嵌 CSS/JS 與公開 http(s) 資源的 HTML 文件渲染為圖片,適合社群卡片、圖表或電子郵件預覽。將網頁網址或 HTML 文件渲染為 PDF,並回傳託管的 PDF 網址。
適用情境
適合讓助理檢視線上頁面、確認網站在特定視窗大小下的呈現、將頁面存成 PDF,或產出 Open Graph 卡片等渲染圖片,而不必自行架設瀏覽器。
執行需求
透過 stdio 在本機執行,通常以 npx 啟動,因此需要 Node.js。需要 Screenshotty 帳號,並透過環境變數 SCREENSHOTTY_API_KEY 提供 API 金鑰;可用 SCREENSHOTTY_API_URL 覆寫 API 位址。需要連線至 Screenshotty API 的網路。僅支援桌面端。
安裝前請注意
API 金鑰以明文寫在用戶端設定中,請勿放入共用檔案。送出的網頁與 HTML 會傳送給第三方 Screenshotty 服務,結果託管於回傳的網址。用量受每月免費額度限制,超出後需付費。

安裝

在 SourceWeft 中

  1. 開啟 儀表板中的 Screenshotty,將其新增到工作區。
  2. 為需要使用其工具的對話啟用該服務。

Desktop only,透過 STDIO。 STDIO 服務會啟動本機處理程序,因此需要 SourceWeft 桌面主機。

其他 MCP 客戶端

參照 儲存庫 中的啟動說明。

README

screenshotty-mcp

Model Context Protocol server for the Screenshotty screenshot API. Lets Claude, Cursor, Cline, and any other MCP client capture web pages — or render HTML — as images or PDFs, and see the result, since images come back inline.

Get an API key

Sign up at https://screenshotty.link/sign-up?utm_source=mcp (250 screenshots/month free, no credit card) and copy a key from Dashboard → API Keys.

Configure your client

Claude Code

bash
claude mcp add screenshotty --env SCREENSHOTTY_API_KEY=your_key -- npx -y screenshotty-mcp

Claude Desktop / Cursor / Cline

json
{  "mcpServers": {    "screenshotty": {      "command": "npx",      "args": ["-y", "screenshotty-mcp"],      "env": {        "SCREENSHOTTY_API_KEY": "your_key"      }    }  }}

Claude Desktop config lives at ~/Library/Application Support/Claude/claude_desktop_config.json (macOS) or %APPDATA%\Claude\claude_desktop_config.json (Windows).

Tools

ToolWhat it does
screenshot_urlScreenshot a page (PNG, JPEG, WebP). Returns the hosted URL, plus the image inline when it is 2 MB or smaller. Options: viewport, full page, CSS selector, wait, ad blocking, cookie-banner blocking, light/dark mode, device scale factor.
screenshot_htmlRender an HTML document (inline CSS/JS; public http(s) assets only) to PNG, JPEG, or WebP — social cards, charts, email previews. Returns the URL plus the image inline.
generate_pdfRender a page (url) or an HTML document (html) to PDF. Returns the hosted PDF URL.

Example prompts: "Screenshot https://example.com on a 390px-wide viewport and tell me what's broken on mobile", "Save our pricing page as a PDF", "Design a 1200×630 Open Graph card for this blog post and render it".

Environment variables

VariableRequiredDefault
SCREENSHOTTY_API_KEYyes—
SCREENSHOTTY_API_URLnohttps://api.screenshotty.link

Development

bash
npm installnpm run buildSCREENSHOTTY_API_KEY=your_key npx @modelcontextprotocol/inspector node dist/index.js

License

MIT

來源:README.md,提交 a6ca60d

工具

0
SourceWeft 尚未在沙箱中啟動過該軟體包,因此其工具未知。

版本歷史

1
  1. v1.1.0最新Sep 25, 2026

評分

已滿足適用檢查項的 50%

該評分衡量此收錄條目的完整程度,依據註冊中心條目、端點與公開來源計算得出。它不是對伺服器本身的評價,也不表示伺服器安全或目前可用:可連通性是帶日期的檢查結果,評分也不包含安裝量或使用者評價。

  • 近 30 天內可連通25 分

    請保持端點能夠回應 MCP 握手;SourceWeft 每 30 天探測一次。

  • 已宣告認證方式10 分

    請在註冊中心條目中宣告憑證請求標頭,或保持端點能夠回應探測,以便判定其認證方式。

  • 已列出工具15 分

    請讓伺服器在無憑證時回應 tools/list,或發布可在沙箱中無憑證啟動的軟體包。

  • 描述必需15 分
  • 圖示10 分
  • 文件15 分
  • 授權條款10 分