← 返回目录

MCP Screenshot Website Fast

社区

快速、高效的网页截图，为 AI 视觉工作流优化。

查看安装方法 ↓ 横向对比 GitHub 源仓库 ↗

分类: 开发工具第 258 / 438
Stars: ★ 110 非常热门
传输方式: stdio（本地进程）
运行环境: Node.js 20+
凭据: 无需凭据
许可证: MIT
最近提交: 22 天前
工具数: 3

50FMRS · D

该服务器针对 AI 工作流优化，截图质量适合视觉模型，自动瓦片功能对全页截图非常有用。安装简单，支持多个客户端。但存在分辨率限制，且依赖外部浏览器，可能在某些环境中需要额外配置。总体上是可靠且实用的工具。

最强项 · 文档质量 14/20 最弱项 · 可靠性 7/20

可靠性

7/20

安全与权限

8/20

维护活跃度

8/20

文档质量

14/20

安装易用性

13/20

查看各项评分依据

可靠性 7/20: 证据仅来自 README 与仓库元数据：描述了 take_screenshot、capture_selector、take_screencast 及自动重启等机制，但没有任何源代码、测试、CI 工作流或 package manifest 可验证 MCP 初始化与工具列表是否真实匹配；服务器清单也未缓存。按静态校准，缺少执行证据只能给保守分数；愉快路径看似可行，但错误处理与边界情况证据薄弱，故扣分。
安全与权限 8/20: README 未展示凭据处理，也未发现恶意代码或真实令牌等红线；但工具按设计可抓取任意 URL，take_screencast 支持 jsEvaluate 注入任意 JavaScript，且 Puppeteer 会自动下载浏览器，未说明沙箱、内网访问边界或危险操作的确认机制。主要风险可见但权限/确认/作用域不完整，故给 8 分。
维护活跃度 8/20: 仓库显示 MIT 许可证、未归档、0 个 open issues，README 声称有 GitHub Actions Release；但未提供提交历史、版本发布记录、依赖更新策略或安全响应渠道。星标数只作发现信号不用于评分。活跃度有迹象但治理与版本化证据不足，因此给 8 分。
文档质量 14/20: README 覆盖了多客户端安装、三个工具的参数与示例、CLI 选项、开发命令、架构和故障排查，结构良好；但缺少对安全/网络边界、费用或更多限制的说明，且无法用源码核验文档与实现是否一致。文档可用但存在未披露假设与排障空白，故给 14 分。
安装易用性 13/20: 安装步骤清晰，包含 Claude Code、VS Code、Cursor、JetBrains 和 raw JSON 配置示例，前置要求明确（Node 20+、npm/npx、Chromium 自动下载）。但静态校准要求：缺少真实 CI 工作流和覆盖关键路径的已提交测试时，setup 最高不超过 15；且没有 package manifest 或启动日志可验证，故给 13 分。

静态评测 · 未实际运行收录于 2026-08-07

查看 FMRS 评分方法 →

选型与风险

能访问什么写入 / 删除本地文件访问网络控制浏览器

适合谁

需要向 AI 模型提供网页截图的开发工作流
希望快速集成 MCP 的 AI 编程工具（如 Claude Code、Cursor）
需要全页截图的自动化测试场景

不适合谁

需要高分辨率原始截图的场景（有像素限制）
对实时性要求极高的应用（无缓存但依赖加载时间）
需要复杂浏览器交互（如登录、cookie 管理）的情况

所需权限

网络访问权限，加载目标网页
本地文件系统访问，若指定 directory 参数保存截图
执行 Puppeteer，下载 Chrome/Chromium 浏览器

风险与副作用

服务器崩溃可能导致自动重启（有指数退避限制）
截图可能包含敏感信息，需注意处理
依赖 Puppeteer，可能受网络防火墙限制下载浏览器

安装接入

准备工作

运行环境：Node.js 20+

其他可选配置项（1 个）

PUPPETEER_SKIP_CHROMIUM_DOWNLOAD 可选可选；设为 true 可跳过 Puppeteer 自动下载 Chromium，改用自定义浏览器可执行文件，适用于下载受限的场景。

在 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"
      ]
    }
  }
}

以 Claude Desktop 为例。其他客户端的配置文件位置或字段可能不同（如 VS Code 使用 servers 字段），可用下方配置生成器转换。

.vscode/mcp.json

{
  "servers": {
    "screenshot-website-fast": {
      "command": "npx",
      "args": [
        "-y",
        "@just-every/mcp-screenshot-website-fast"
      ]
    }
  }
}

写入项目的 .vscode/mcp.json（VS Code 使用 servers 字段）。

Terminal

claude mcp add screenshot-website-fast -- npx -y @just-every/mcp-screenshot-website-fast

在终端运行；先把 <…> 占位符换成你自己的值。

生成并校验客户端配置

验证是否装好

安装后在客户端工具列表中应出现 take_screenshot、capture_selector 和 take_screencast 三个工具；让 AI 调用 take_screenshot(url="https://example.com")，若返回截图即证明连接正常。

常见排障

若 Puppeteer 下载浏览器失败，可设置 PUPPETEER_SKIP_CHROMIUM_DOWNLOAD 并提供自定义可执行文件
若截图质量不佳，可调整 viewport 尺寸或等待策略
若超时，可增加等待时间或使用 networkidle 策略

试试这样问

连接成功后，可以直接对 AI 助手这样说：

截取 https://example.com 的完整页面截图
截取 https://example.com 页面中 #main 元素的截图
对 https://example.com 录制 10 秒的连续屏幕截图
把 https://example.com 的截图保存到 /path/to/screenshots 目录

工具能力 3

take_screenshot 只读

捕获网页的高质量截图，可设置 viewport 尺寸、fullPage 瓦片、等待条件，并可保存到目录返回文件路径或默认返回 base64 图片。

capture_selector 只读

捕获由 CSS 选择器匹配的特定 DOM 元素的截图，支持等待策略和超时设置。

take_screencast 只读

按时间间隔捕获一系列截图，生成屏幕录制，可执行自定义 JavaScript，并可选保存为动画 WebP。

使用场景

针对 AI 视觉模型的网页截图

自动化测试中捕获特定元素

录制网页动态变化的屏幕录像

支持客户端

Claude Desktop

VS Code

Cursor

JetBrains IDEs

依据项目文档列出，未经本站实测。

详细介绍

该 MCP 服务器利用 Puppeteer 无头浏览器，能快速捕获网页截图，并自动将完整页面分割为 1072x1072 像素的瓦片，以满足 AI 模型（如 Claude Vision API）的最佳处理要求。支持 viewport 配置、等待策略、选择器捕获和屏幕录制，并可选输出为动画 WebP。专为 Claude Code、VS Code、Cursor 等 AI 编程工具设计，可无缝集成到 AI 工作流中。