screenshot-mcp

screenshot-mcp

An MCP server that enables AI assistants like Claude Code to capture screenshots, view images, and manage screenshot files on Windows. It uses native Windows APIs for full-screen, region, or active-window captures, and supports image analysis and automated cleanup.

Category
访问服务器

README

📸 screenshot-mcp

给 AI 装上一双眼睛 — 让 Claude Code 能截图、看图、自动清理的 MCP 服务器

License: MIT Node.js Platform MCP


这是什么?

screenshot-mcp 是一个 MCP (Model Context Protocol) 服务器,让 AI 助手(如 Claude Code)可以直接在你的 Windows 桌面上:

能力 说明
📷 截图 全屏截图、区域截图、活动窗口截图
👁️ 看图 读取图片让 AI 视觉分析
🗑️ 自动删图 按条件清理旧截图,用完即走

工作原理

┌──────────────────────┐         MCP 协议          ┌──────────────────────┐
│                      │◄──────────────────────►│                      │
│   Claude Code        │     tools/list           │   screenshot-mcp     │
│   (MCP 客户端)        │     tools/call           │   (MCP 服务器)       │
│                      │                          │                      │
│  "帮我看看桌面" ──────┼── screenshot ──────────►│  PowerShell .NET     │
│  "这个界面怎么样" ─────┼── screenshot_region ────►│  System.Drawing      │
│  "把截图删掉" ────────┼── cleanup ──────────────►│  fs.unlinkSync       │
└──────────────────────┘                          └──────────────────────┘
                                                           │
                                              ┌────────────┴────────────┐
                                              │   Windows 原生截图 API   │
                                              │   (无需额外工具)          │
                                              └─────────────────────────┘

快速开始

前置要求

  • Windows 10/11(截图依赖 Windows GDI+)
  • Node.js 18 或更高版本
  • Claude Code(或其他 MCP 客户端)

安装

# 1. 克隆仓库
git clone https://github.com/你的用户名/screenshot-mcp.git
cd screenshot-mcp

# 2. 安装依赖
npm install

配置(选一种即可)

方式一:全局配置(推荐,所有项目生效)

编辑 ~/.claude.json(在 C:\Users\你的用户名\.claude.json),在 mcpServers 里添加:

"mcpServers": {
  "playwright": {
    "type": "stdio",
    "command": "npx",
    "args": ["@playwright/mcp", "--headless"],
    "env": {}
  },
  "screenshot-mcp": {
    "command": "node",
    "args": ["C:\\你的路径\\screenshot-mcp\\src\\index.js"]
  }
}

路径说明args 中的路径要改成你电脑上的实际路径,例如:

  • 项目在桌面:C:\Users\你的用户名\Desktop\screenshot-mcp\src\index.js
  • 项目在 D 盘:D:\projects\screenshot-mcp\src\index.js

方式二:项目级配置(仅当前项目生效)

在项目目录下创建 .claude/settings.json

{
  "mcpServers": {
    "screenshot-mcp": {
      "command": "node",
      "args": ["C:\\你的路径\\screenshot-mcp\\src\\index.js"]
    }
  }
}

方式三:.mcp.json 文件(自动发现)

在工作目录下创建 .mcp.json,Claude Code 会自动发现并加载:

{
  "mcpServers": {
    "screenshot-mcp": {
      "command": "node",
      "args": ["C:\\你的路径\\screenshot-mcp\\src\\index.js"]
    }
  }
}

验证配置是否生效

重启 Claude Code 后,随便说一句:

"你能用 screenshot-mcp 吗?"

如果配置正确,Claude 会回答"可以"并调用截图工具。

使用

配置好后,在 Claude Code 中直接说:

🗣️ "帮我截个图看看桌面" 🗣️ "截取当前活动窗口" 🗣️ "看看这张图片" 🗣️ "把刚才的截图删掉" 🗣️ "清理超过1小时的截图"


提供的工具

工具 说明 参数
screenshot 全屏截图 filename(可选,自定义文件名)
screenshot_region 区域/活动窗口截图 filename(可选),region(可选:"active_window""x,y,width,height"
view_image 读取图片给 AI 分析 path(必填,图片路径)
list_images 列出所有截图 limit(可选,默认 20)
delete_image 删除指定图片 path(必填)
cleanup 批量清理截图 older_than_hours(可选),pattern(可选,文件名前缀)

使用示例

截图 + AI 分析

你:帮我截个图,看看我桌面上有什么
Claude:(调用 screenshot 截图)
       (调用 view_image 看图)
      → 你桌面上有这些文件和文件夹……

截图指定区域

你:截取当前活动窗口
Claude:(调用 screenshot_region region="active_window")
      → 这是当前窗口的内容……

看完自动清理

你:把刚才的截图删掉
Claude:(调用 delete_image 删除指定文件)
      → 已删除

安全性

措施 说明
🛡️ 目录限制 delete_imagecleanup 只能操作 screenshots/ 目录下的文件
📦 文件大小限制 图片最大支持 20MB
🔒 本地存储 截图保存在本地 screenshots/ 目录,不会外传
🧹 自动清理 支持按时间批量清理,用完即删

技术栈

技术 用途
Node.js 运行环境
@modelcontextprotocol/sdk MCP 协议实现
PowerShell .NET (System.Drawing) Windows 原生截图
JSON-RPC 2.0 通信协议

纯 Windows 原生实现,无需任何第三方截图工具。


在 GitHub 上使用

如果你把这个项目放在 GitHub 上,别人克隆后会得到一份不带配置的源码。他们需要:

  1. 运行 npm install 安装依赖
  2. 在自己的 Claude Code 配置中注册这个 MCP 服务器
  3. args 中的路径改成自己机器上的实际路径

开源协议

MIT — 随便用,随便改,随便玩。


相关资源


screenshot-mcp — 给 AI 装上一双眼睛 👀

推荐服务器

Baidu Map

Baidu Map

百度地图核心API现已全面兼容MCP协议,是国内首家兼容MCP协议的地图服务商。

官方
精选
JavaScript
Playwright MCP Server

Playwright MCP Server

一个模型上下文协议服务器,它使大型语言模型能够通过结构化的可访问性快照与网页进行交互,而无需视觉模型或屏幕截图。

官方
精选
TypeScript
Magic Component Platform (MCP)

Magic Component Platform (MCP)

一个由人工智能驱动的工具,可以从自然语言描述生成现代化的用户界面组件,并与流行的集成开发环境(IDE)集成,从而简化用户界面开发流程。

官方
精选
本地
TypeScript
Audiense Insights MCP Server

Audiense Insights MCP Server

通过模型上下文协议启用与 Audiense Insights 账户的交互,从而促进营销洞察和受众数据的提取和分析,包括人口统计信息、行为和影响者互动。

官方
精选
本地
TypeScript
VeyraX

VeyraX

一个单一的 MCP 工具,连接你所有喜爱的工具:Gmail、日历以及其他 40 多个工具。

官方
精选
本地
graphlit-mcp-server

graphlit-mcp-server

模型上下文协议 (MCP) 服务器实现了 MCP 客户端与 Graphlit 服务之间的集成。 除了网络爬取之外,还可以将任何内容(从 Slack 到 Gmail 再到播客订阅源)导入到 Graphlit 项目中,然后从 MCP 客户端检索相关内容。

官方
精选
TypeScript
Kagi MCP Server

Kagi MCP Server

一个 MCP 服务器,集成了 Kagi 搜索功能和 Claude AI,使 Claude 能够在回答需要最新信息的问题时执行实时网络搜索。

官方
精选
Python
e2b-mcp-server

e2b-mcp-server

使用 MCP 通过 e2b 运行代码。

官方
精选
Neon MCP Server

Neon MCP Server

用于与 Neon 管理 API 和数据库交互的 MCP 服务器

官方
精选
Exa MCP Server

Exa MCP Server

模型上下文协议(MCP)服务器允许像 Claude 这样的 AI 助手使用 Exa AI 搜索 API 进行网络搜索。这种设置允许 AI 模型以安全和受控的方式获取实时的网络信息。

官方
精选