如何安装 PageShot MCP？

推荐在 Claude Code（本地）中安装：1. 确保已安装 Claude Code CLI 2. 复制下方命令，将替换为真实环境变量值后，在终端执行 3. 若下方列出了环境变量，请对照填写命令示例：claude mcp add pageshot-mcp -- npx -y pageshot-mcp

PageShot MCP 适用于哪些场景？

PageShot MCP 适用于：代码审查与 GitHub、Cursor 开发必备。也可在 AgentHub 场景页查看配套 MCP 与 Skill。

AgentHubMCP · Skill

PageShot MCP MCP配置与使用教程 - AgentHub

PageShot MCP MCP配置与使用教程

Q: 如何安装 PageShot MCP？

推荐在 Claude Code（本地） 中安装：1. 确保已安装 Claude Code CLI 2. 复制下方命令，将 替换为真实环境变量值后，在终端执行 3. 若下方列出了环境变量，请对照填写 命令示例：claude mcp add pageshot-mcp -- npx -y pageshot-mcp

MCP ServerMCP Registry官方收录

io.github.dpozimski/pageshot-mcp · v1.2.0

Capture webpage screenshots with format, viewport, and dark mode options

源仓库 ↗

产品介绍

Capture webpage screenshots with format, viewport, and dark mode options PageShot MCP 是一个MCP Server，收录自官方 MCP Registry。支持 stdio 传输。本页提供产品介绍、配置教程、安装命令与适用场景，可复制到 Cursor、Claude Code、VS Code。

适用场景

代码审查与 GitHub Cursor 开发必备

配置教程

打开 PageShot MCP 详情页，确认这是你需要的 MCP Server（来源官方 MCP Registry）。
按客户端选择 Cursor、Claude Code 或 VS Code，复制 JSON 配置或 CLI 命令。
将配置合并进 mcpServers，并把环境变量占位符替换为真实密钥。
重载窗口后，在 Agent 对话中调用该 MCP 提供的工具。

安装命令

以下安装命令与配置步骤已写入页面 HTML，搜索引擎与未启用 JavaScript 的浏览器均可直接读取。

Claude Code（本地）

确保已安装 Claude Code CLI
复制下方命令，将 <占位符> 替换为真实环境变量值后，在终端执行
若下方列出了环境变量，请对照填写

claude mcp add pageshot-mcp -- npx -y pageshot-mcp

Cursor — .cursor/mcp.json（本地）

打开项目根目录下的 .cursor/mcp.json（没有就新建）
点击「复制配置」粘贴进去；若已有其他 MCP，只合并 mcpServers 里的本条目
将 env 中的 <占位符> 替换为真实密钥（见下方「环境变量」）
保存后按 Cmd+Shift+P（Windows：Ctrl+Shift+P）→ 输入 Reload Window 并执行

{
  "mcpServers": {
    "pageshot-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "pageshot-mcp"
      ]
    }
  }
}

VS Code — .vscode/mcp.json（本地）

Claude Desktop — claude_desktop_config.json（本地）

打开 Claude Desktop 的 claude_desktop_config.json（路径见远程指引）
点击「复制配置」合并到 mcpServers
将 env 中的 <占位符> 替换为真实密钥
完全退出并重启 Claude Desktop

{
  "mcpServers": {
    "pageshot-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "pageshot-mcp"
      ]
    }
  }
}

Trae — .trae/mcp.json（本地）

打开 Trae → 设置 → MCP，或编辑 .trae/mcp.json / 全局 mcp.json
点击「复制配置」粘贴并合并 mcpServers
将 env 中的 <占位符> 替换为真实密钥
保存后重载 Trae 窗口

{
  "mcpServers": {
    "pageshot-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "pageshot-mcp"
      ]
    }
  }
}

Cherry Studio — MCP 设置（本地）

打开 Cherry Studio → 设置 → MCP 服务器 → 添加（STDIO）
也可直接导入下方 JSON：点击「复制配置」合并到 mcpServers
将 env 中的 <占位符> 替换为真实密钥，并确保本机已安装 Node.js / uv（npx、uvx）
启用服务并查看工具列表是否加载成功

{
  "mcpServers": {
    "pageshot-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "pageshot-mcp"
      ]
    }
  }
}

通义灵码 — MCP 配置（本地）

通义灵码：个人设置 → MCP 服务 → 「+」→ 手工添加（STDIO）或配置文件添加
点击「复制配置」合并 mcpServers；命令/参数/环境变量与 JSON 一致
将 env 中的 <占位符> 替换为真实密钥；本机需 Node.js 18+（npx）或已安装 uv（uvx）
确认服务状态为已连接后再在智能体对话中调用

{
  "mcpServers": {
    "pageshot-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "pageshot-mcp"
      ]
    }
  }
}

Windsurf — mcp_config.json（本地）

编辑 ~/.codeium/windsurf/mcp_config.json
点击「复制配置」合并 mcpServers（本地 stdio 与 Cursor 格式相同）
将 env 中的 <占位符> 替换为真实密钥后保存并刷新 Cascade

{
  "mcpServers": {
    "pageshot-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "pageshot-mcp"
      ]
    }
  }
}

Cline — MCP Servers（本地）

Cline 面板 → 设置 → MCP Servers
点击「复制配置」粘贴并合并
将 env 中的 <占位符> 替换为真实密钥后保存

{
  "mcpServers": {
    "pageshot-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "pageshot-mcp"
      ]
    }
  }
}

WorkBuddy — .workbuddy/mcp.json（本地）

编辑 ~/.workbuddy/mcp.json（用户级）或项目目录 .workbuddy/mcp.json
也可在界面：插件 → MCP 服务器 → 配置 MCP，粘贴下方 JSON
将 env 中的 <占位符> 替换为真实密钥；Windows 下 command/脚本路径建议用绝对路径
保存并重启 WorkBuddy，确认连接器状态为绿色

{
  "mcpServers": {
    "pageshot-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "pageshot-mcp"
      ]
    }
  }
}

按平台快速复制

选择你的平台查看安装方式

打开项目根目录下的 .cursor/mcp.json（没有就新建）
点击「复制配置」粘贴进去；若已有其他 MCP，只合并 mcpServers 里的本条目
将 env 中的 <占位符> 替换为真实密钥（见下方「环境变量」）
保存后按 Cmd+Shift+P（Windows：Ctrl+Shift+P）→ 输入 Reload Window 并执行

{
  "mcpServers": {
    "pageshot-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "pageshot-mcp"
      ]
    }
  }
}

统一 Manifest

{
  "id": "io.github.dpozimski/pageshot-mcp",
  "type": "mcp-server",
  "version": "1.2.0",
  "displayName": "PageShot MCP",
  "description": "Capture webpage screenshots with format, viewport, and dark mode options",
  "repository": {
    "url": "https://github.com/softvoyagers/pageshot-api",
    "source": "github"
  },
  "distribution": {
    "packages": [
      {
        "registryType": "npm",
        "identifier": "pageshot-mcp",
        "version": "1.2.0",
        "runtimeHint": "npx",
        "transport": "stdio"
      }
    ],
    "remotes": []
  },
  "dependencies": [],
  "installTargets": [
    "claude-code",
    "claude-desktop",
    "cursor",
    "vscode",
    "trae",
    "cherry-studio",
    "lingma",
    "windsurf",
    "cline",
    "workbuddy"
  ],
  "keywords": [],
  "provenance": {
    "origin": "official-mcp-registry",
    "originalId": "io.github.dpozimski/pageshot-mcp",
    "originalUrl": "https://registry.modelcontextprotocol.io/v0.1/servers/io.github.dpozimski%2Fpageshot-mcp/versions/latest",
    "isOfficial": true,
    "status": "active"
  }
}