适合谁
- 需要向 AI 模型提供网页截图的开发工作流
- 希望快速集成 MCP 的 AI 编程工具（如 Claude Code、Cursor）
- 需要全页截图的自动化测试场景
M
50FMRS · D
该服务器针对 AI 工作流优化，截图质量适合视觉模型，自动瓦片功能对全页截图非常有用。安装简单，支持多个客户端。但存在分辨率限制，且依赖外部浏览器，可能在某些环境中需要额外配置。总体上是可靠且实用的工具。
该 MCP 服务器利用 Puppeteer 无头浏览器，能快速捕获网页截图，并自动将完整页面分割为 1072x1072 像素的瓦片，以满足 AI 模型（如 Claude Vision API）的最佳处理要求。支持 viewport 配置、等待策略、选择器捕获和屏幕录制，并可选输出为动画 WebP。专为 Claude Code、VS Code、Cursor 等 AI 编程工具设计，可无缝集成到 AI 工作流中。
工具能力
take_screenshot
捕获网页的高质量截图，可设置 viewport 尺寸、fullPage 瓦片、等待条件，并可保存到目录返回文件路径或默认返回 base64 图片。
capture_selector
捕获由 CSS 选择器匹配的特定 DOM 元素的截图，支持等待策略和超时设置。
take_screencast
按时间间隔捕获一系列截图，生成屏幕录制，可执行自定义 JavaScript，并可选保存为动画 WebP。
安装接入
在 Claude Code 中运行: claude mcp add screenshot-website-fast -s user -- npx -y @just-every/mcp-screenshot-website-fast；在 VS Code 中使用 code --add-mcp 命令或 JSON 配置；在 JetBrains IDE 中通过设置界面添加 JSON；或直接在 MCP 客户端配置文件中添加 JSON。
claude_desktop_config.json
{
"mcpServers": {
"screenshot-website-fast": {
"command": "npx",
"args": [
"-y",
"@just-every/mcp-screenshot-website-fast"
]
}
}
}
选型与风险
不适合谁
- 需要高分辨率原始截图的场景（有像素限制）
- 对实时性要求极高的应用（无缓存但依赖加载时间）
- 需要复杂浏览器交互（如登录、cookie 管理）的情况
所需权限
- 网络访问权限，加载目标网页
- 本地文件系统访问，若指定 directory 参数保存截图
- 执行 Puppeteer，下载 Chrome/Chromium 浏览器
风险与副作用
- 服务器崩溃可能导致自动重启（有指数退避限制）
- 截图可能包含敏感信息，需注意处理
- 依赖 Puppeteer，可能受网络防火墙限制下载浏览器
常见排障
- 若 Puppeteer 下载浏览器失败，可设置 PUPPETEER_SKIP_CHROMIUM_DOWNLOAD 并提供自定义可执行文件
- 若截图质量不佳，可调整 viewport 尺寸或等待策略
- 若超时，可增加等待时间或使用 networkidle 策略
使用场景
针对 AI 视觉模型的网页截图
自动化测试中捕获特定元素
录制网页动态变化的屏幕录像
支持客户端
Claude Desktop完整支持
VS Code完整支持
Cursor完整支持
JetBrains IDEs完整支持