关于 screenshotink
ScreenshotInk 是面向 AI Agent 和团队的托管浏览器截图 MCP 服务,用于检查网页。它将截图、视觉对比、Lighthouse 审计和站点地图采集整合在一起,截图可直接返回,无需本地浏览器。
主要功能
- 01采集视口或整页截图
- 02批量采集最多 20 个网址
- 03通过像素差异对比页面
- 04运行 Lighthouse 审计及核心网页指标
- 05采集站点地图中的页面
适用场景
- 01检查预发布环境与生产环境
- 02审计转化流程或竞品页面
- 03检查性能、无障碍性和 SEO
- 04采集站点地图中的所有页面
MCP 相关
通过托管端点或 @screenshotink/mcp 包向 MCP 客户端提供五种浏览器采集工具。结果包含截图,Agent 可在同一轮中查看。
配置
远程服务无需本地安装。选择你使用的客户端,复制配置或使用一键安装。
https://mcp.screenshotink.com/mcpclaude mcp add --transport http com-screenshotink https://mcp.screenshotink.com/mcp{"mcpServers":{"com-screenshotink":{"type":"http","url":"https://mcp.screenshotink.com/mcp"}}}在 Cursor 中打开{"servers":{"com-screenshotink":{"type":"http","url":"https://mcp.screenshotink.com/mcp"}}}在 VS Code 中打开{"mcpServers":{"com-screenshotink":{"type":"http","url":"https://mcp.screenshotink.com/mcp"}}}{"mcpServers":{"com-screenshotink":{"serverUrl":"https://mcp.screenshotink.com/mcp"}}}命令在终端中运行;JSON 粘贴到对应客户端的 MCP 配置后重启。需要授权的服务会在首次连接时提示登录。
工具
详细介绍
ScreenshotInk 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_lighthouse | Google Lighthouse 评分(性能、无障碍、最佳实践、SEO)+ 核心 Web 指标 |
capture_sitemap | 获取 sitemap.xml 并截取其中列出的每个页面 |
参数和默认值与 REST API 相同。通过 MCP 进行的捕获会计入与 REST API 相同的配额——一个密钥,一个计量器。24 小时内的相同请求会免费从缓存返回。
为什么选择托管服务?
- CI 流水线——无需安装无头 Chrome,也不必在运行器中应对不稳定的浏览器二进制文件。
- 云端 Agent——托管运行时无法启动浏览器;远程端点无需依赖项,就能为它们提供视觉能力。
- 零维护——我们负责修补 Chromium、处理延迟加载、广告和 Cookie 屏蔽页。你的 Agent 只需获取像素。
链接
- 产品与文档:screenshotink.com · MCP 文档
- REST API 参考:screenshotink.com/docs
- 问题反馈:GitHub 问题
MIT © ScreenshotInk — ScalingWeb 旗下产品
评论
一个开放协议,规定了 AI 应用如何以统一方式连接外部工具与数据源。客户端负责与模型对话,MCP 服务负责提供工具、资源和提示模板,两者通过标准消息通信,同一个服务可以被不同客户端复用。