Screenshotink

com.screenshotink由 screenshotink.com 發布官方發布者v1.0.4更新於 Nov 2, 2026

Screenshot, diff, audit and sitemap-capture any web page — 5 MCP tools for AI agents.

已驗證Streamable HTTP可網頁執行網頁搜尋與抓取瀏覽器自動化安全與監控

概覽

AI 產生的概覽

ScreenshotInk 讓助理透過託管的 Chromium 叢集對網頁截圖、批次擷取、像素比對、Lighthouse 稽核與網站地圖擷取。

可以做什麼
  • 擷取單一網址的可視區域或整頁截圖，支援 png、jpeg、pdf，可開啟深色模式、阻擋廣告與 Cookie 橫幅、處理延遲載入
  • 一次呼叫批次擷取最多 20 個網址，用來稽核轉換流程或競品頁面
  • 對兩個網址做像素差異比對，回傳變化百分比與標示差異的圖片
  • 執行 Google Lighthouse，取得效能、無障礙、最佳實務、SEO 分數與核心網頁指標
  • 讀取 sitemap.xml 並逐頁截圖
  • 結果在同一輪對話中直接回傳，助理可立即依像素判斷
適用情境
適合助理需要查看或驗證網頁實際呈現、卻沒有本機瀏覽器的情況：比對預發與正式環境、在 CI 中檢查視覺回歸、稽核頁面效能與 SEO，或從無法啟動瀏覽器的雲端代理批次擷取頁面。
執行需求
需要 ScreenshotInk API 金鑰：本機 npm 套件透過 SCREENSHOTINK_API_KEY 環境變數或 --key 參數傳入，遠端端點則以 bearer token 使用。遠端伺服器 mcp.screenshotink.com 支援 OAuth 2.1 登入或 bearer 金鑰。本機方式需 Node.js 以 stdio 執行該 npm 套件。需要能連線至 ScreenshotInk 服務的網路。
安裝前請注意
API 金鑰是正式環境有效的密鑰，請勿寫入共用設定或程式碼儲存庫。截圖與 REST API 共用同一月度配額，批次或網站地圖任務可能很快用完。目標網址由 ScreenshotInk 的託管瀏覽器擷取，頁面位址會傳送給第三方。截圖與差異圖會以影像形式回傳給助理。

安裝

在 SourceWeft 中

  1. 開啟 儀表板中的 Screenshotink，將其新增到工作區。
  2. 連接 所需的 憑證。它們會被私密儲存，絕不會在公開頁面上展示。
  3. 為需要使用其工具的對話啟用該服務。

Web executable，透過 Streamable HTTP。 遠端服務在工作區中設定後即可從網頁執行環境執行。

交給代理程式安裝

把這段提示詞貼上到 Claude Code、Codex、Cursor 等代理程式，或 SourceWeft 對話中。代理程式會讀取該伺服器的安裝指南，先向你展示發布者、端點和登入方式，經你同意後再把它新增到你的客戶端。金鑰不會寫進任何命令。

閱讀 https://sourceweft.com/mcp/com.screenshotink%2Fmcp/install.md，並按其中說明把這個 MCP 伺服器接入我的客戶端。修改任何設定之前，先告訴我它的發布者、端點和登入方式，等我確認。不要把 API 金鑰寫進命令或我會提交的檔案；問我金鑰應從哪裡取得。

檢視代理程式所依據的安裝指南

其他 MCP 客戶端

把它新增到你客戶端的 mcpServers 設定中。 客戶端會在首次連接時完成 OAuth 登入。

{
  "mcpServers": {
    "screenshotink": {
      "type": "http",
      "url": "https://mcp.screenshotink.com/mcp"
    }
  }
}

README

ScreenshotInk MCP Server

[npm version] [MCP] [license]

Give your AI agent eyes. Five tools to capture, batch, compare and audit any web page — through ScreenshotInk's hosted Chromium fleet. No local browser, no Puppeteer maintenance; works in Claude Desktop, Claude Code, Cursor, Windsurf, CI runners and cloud sandboxes.

Every result returns the screenshot inline in the same turn, so the agent can reason about pixels immediately.

You:    Compare our pricing page on staging vs production — did the new cards ship?Agent:  ▸ compare_screenshots { url_a: "https://acme.com/pricing", url_b: "https://staging.acme.dev/pricing" }        4.7% of pixels differ, all inside the plan grid — the new Scale card is present. Deploy looks correct. ✓

Quick start

You need a ScreenshotInk API key — free, 100 captures/month, no card: screenshotink.com/signup

Claude Code

bash
claude mcp add screenshotink -- npx -y @screenshotink/mcp --key sk_live_YOUR_KEY

or connect to the hosted remote server (nothing runs locally):

bash
claude mcp add --transport http screenshotink https://mcp.screenshotink.com/mcp \  --header "Authorization: Bearer sk_live_YOUR_KEY"

Claude Desktop

claude_desktop_config.json:

json
{  "mcpServers": {    "screenshotink": {      "command": "npx",      "args": ["-y", "@screenshotink/mcp"],      "env": { "SCREENSHOTINK_API_KEY": "sk_live_YOUR_KEY" }    }  }}

Cursor / Windsurf

json
{  "mcpServers": {    "screenshotink": {      "command": "npx",      "args": ["-y", "@screenshotink/mcp", "--key", "sk_live_YOUR_KEY"]    }  }}

Remote server (cloud agents, hosted runtimes, custom connectors)

Anything that speaks Streamable HTTP can connect directly — nothing to install. In Claude or ChatGPT, add it as a custom connector with the URL below and sign in over OAuth; for scripts/CI, pass your key as a bearer token:

URL:   https://mcp.screenshotink.com/mcpAuth:  OAuth 2.1 (sign in on first use) — or Authorization: Bearer sk_live_YOUR_KEY

Tools

ToolWhat it does
take_screenshotCapture any URL — viewport or full page, png/jpeg/pdf, dark mode, ad & cookie-banner blocking, lazy-load handling
bulk_screenshotsUp to 20 URLs in one call — audit a funnel or a competitor set at once
compare_screenshotsPixel-diff two URLs (staging vs production, before vs after) — returns changed-% and a highlighted diff image
run_lighthouseGoogle Lighthouse scores (performance, accessibility, best practices, SEO) + core web vitals
capture_sitemapFetch a sitemap.xml and screenshot every page it lists

Same parameters and defaults as the REST API. Captures over MCP count against the same quota as the REST API — one key, one meter. Identical requests within 24h are served from cache for free.

Why hosted?

  • CI pipelines — no headless Chrome install, no flaky browser binaries in runners.
  • Cloud agents — hosted runtimes can't launch browsers; the remote endpoint gives them eyes with zero dependencies.
  • Zero maintenance — we patch Chromium, handle lazy-load, ads and cookie walls. Your agent just asks for pixels.

Links

MIT © ScreenshotInk — a ScalingWeb product

來源：README.md，提交 b996b5c

工具

0
該伺服器需要登入，因此 SourceWeft 無法在沒有帳號的情況下讀取其工具，也未收錄。已連接帳號所能看到的內容可能因帳號及其權限而異。

版本歷史

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

評分

已滿足適用檢查項的 85%

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

  • 近 30 天內可連通必需25 分
  • 已宣告認證方式必需10 分
  • 已列出工具15 分

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

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