mcpField
S
screenshotink

screenshotink

远程服务
screenshotink.com浏览器自动化020 周前更新

关于 screenshotink

ScreenshotInk 是面向 AI Agent 和团队的托管浏览器截图 MCP 服务,用于检查网页。它将截图、视觉对比、Lighthouse 审计和站点地图采集整合在一起,截图可直接返回,无需本地浏览器。

主要功能

  1. 01采集视口或整页截图
  2. 02批量采集最多 20 个网址
  3. 03通过像素差异对比页面
  4. 04运行 Lighthouse 审计及核心网页指标
  5. 05采集站点地图中的页面

适用场景

  1. 01检查预发布环境与生产环境
  2. 02审计转化流程或竞品页面
  3. 03检查性能、无障碍性和 SEO
  4. 04采集站点地图中的所有页面

MCP 相关

通过托管端点或 @screenshotink/mcp 包向 MCP 客户端提供五种浏览器采集工具。结果包含截图,Agent 可在同一轮中查看。

配置

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

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

安装包
npm@screenshotink/mcp1.0.3

工具

详细介绍

ScreenshotInk MCP 服务

npm 版本 MCP 许可证

让你的 AI Agent 拥有视觉能力。五种工具,可捕获、批量处理、比较和审查任意网页——通过 ScreenshotInk 托管的 Chromium 集群实现。无需本地浏览器,也无需维护 Puppeteer;可在 Claude Desktop、Claude Code、Cursor、Windsurf、CI 运行器和云沙箱中使用。

每次调用都会在同一轮对话中内嵌返回截图,让 Agent 立即分析像素。

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. ✓

快速开始

你需要一个 ScreenshotInk API 密钥——每月免费捕获 100 次,无需信用卡:screenshotink.com/signup

Claude Code
claude mcp add screenshotink -- npx -y @screenshotink/mcp --key sk_live_YOUR_KEY

也可以连接到托管的远程服务(无需在本地运行任何程序):

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

claude_desktop_config.json:

{
  "mcpServers": {
    "screenshotink": {
      "command": "npx",
      "args": ["-y", "@screenshotink/mcp"],
      "env": { "SCREENSHOTINK_API_KEY": "sk_live_YOUR_KEY" }
    }
  }
}
Cursor / Windsurf
{
  "mcpServers": {
    "screenshotink": {
      "command": "npx",
      "args": ["-y", "@screenshotink/mcp", "--key", "sk_live_YOUR_KEY"]
    }
  }
}
远程服务(云端 Agent、托管运行时、自定义连接器)

任何支持 Streamable HTTP 的客户端都可以直接连接——无需安装任何东西。在 Claude 或 ChatGPT 中,将其作为自定义连接器添加,使用下方的 URL 并通过 OAuth 登录;对于脚本/CI,将密钥作为 bearer token 传入:

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

工具

工具功能
take_screenshot捕获任意 URL——视口或整页,png/jpeg/pdf,深色模式,屏蔽广告和 Cookie 横幅,处理延迟加载
bulk_screenshots一次调用最多处理 20 个 URL——一次性审查转化漏斗或竞争对手网站集合
compare_screenshots对两个 URL 进行像素差异比较(暂存环境与生产环境、变更前与变更后)——返回变化百分比和高亮差异图像
run_lighthouseGoogle Lighthouse 评分(性能、无障碍、最佳实践、SEO)+ 核心 Web 指标
capture_sitemap获取 sitemap.xml 并截取其中列出的每个页面

参数和默认值与 REST API 相同。通过 MCP 进行的捕获会计入与 REST API 相同的配额——一个密钥,一个计量器。24 小时内的相同请求会免费从缓存返回。

为什么选择托管服务?

  • CI 流水线——无需安装无头 Chrome,也不必在运行器中应对不稳定的浏览器二进制文件。
  • 云端 Agent——托管运行时无法启动浏览器;远程端点无需依赖项,就能为它们提供视觉能力。
  • 零维护——我们负责修补 Chromium、处理延迟加载、广告和 Cookie 屏蔽页。你的 Agent 只需获取像素。

链接


MIT © ScreenshotInk — ScalingWeb 旗下产品

评论

支持 Markdown

第一次接触 MCP?

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

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