vision-mcp

vision-mcp

An MCP server for image understanding via OpenAI-compatible vision models, offering tools for OCR, error screenshot diagnosis, technical diagram reading, data visualization analysis, UI-to-code conversion, and UI diff comparison.

Category
访问服务器

README

vision-mcp

图像理解 MCP Server(stdio 形式),对标 z.ai vision-mcp-server,底层经 OpenAI 兼容接口调用视觉模型(支持火山方舟 ARK 等 provider,默认 doubao-seed-2.0-code)。

工具一览

共 7 个图像工具(未实现 video_analysis):

工具 说明
image_analysis 通用图像理解
extract_text_from_screenshot 截图 OCR,提取代码/终端/文档/普通文本
diagnose_error_screenshot 分析错误截图,给可操作修复建议
understand_technical_diagram 解读架构图/流程图/UML/ER 图等
analyze_data_visualization 读取图表/仪表盘,提取洞察与趋势
ui_to_artifact UI 截图转代码/提示词/规格说明/描述
ui_diff_check 比较两张 UI 截图差异

图片输入统一支持三种形式:本地路径、HTTP(S) URL、data:image/...;base64,... URI。 URL 与本地路径都会先在本地下载/读取并转 base64,以 data URI 内联发送,规避模型后端拉取外网图片超时。

配置

通过环境变量配置后端服务:

环境变量 说明 默认值
OLLAMA_BASE_URL OpenAI 兼容服务根地址 http://localhost:11434
OLLAMA_API_KEY Bearer 鉴权密钥 (空)
OLLAMA_MODEL 视觉模型名 doubao-seed-2.0-code

变量名仍沿用 OLLAMA_* 以保持向后兼容,实际已不依赖 Ollama 原生接口, 而是走标准 OpenAI /chat/completions。

安装

需 Python ≥ 3.10 与 uv。

cd 识图mcp
uv sync          # 安装依赖
uv run vision-mcp --help        # 验证可运行

客户端配置

Claude Desktop / Cline / Roo Code

{
  "mcpServers": {
    "vision-mcp": {
      "type": "stdio",
      "command": "uv",
      "args": ["run", "--directory", "/Volumes/samsungssd/code/temp/识图mcp", "vision-mcp"],
      "env": {
        "OLLAMA_BASE_URL": "https://ark.cn-beijing.volces.com/api/coding/v3",
        "OLLAMA_API_KEY": "你的ARK_API_KEY",
        "OLLAMA_MODEL": "doubao-seed-2.0-code"
      }
    }
  }
}

ZCode

{
  "mcpServers": {
    "vision-mcp": {
      "command": "uv",
      "args": ["run", "--directory", "/Volumes/samsungssd/code/temp/识图mcp", "vision-mcp"],
      "env": {
        "OLLAMA_BASE_URL": "https://ark.cn-beijing.volces.com/api/coding/v3",
        "OLLAMA_API_KEY": "你的ARK_API_KEY",
        "OLLAMA_MODEL": "doubao-seed-2.0-code"
      }
    }
  }
}

提示:--directory 指向本项目的绝对路径,请按实际位置修改。也可用 uvx --from /path/to/识图mcp vision-mcp。

使用示例

在客户端对话中直接提到图片路径/URL 即可,例如:

  • "这张图 demo.png 里有什么?" → 触发 image_analysis
  • "提取这张终端报错截图的文本" → 触发 extract_text_from_screenshot
  • "对比 v1.png 和 v2.png 两个界面的差异" → 触发 ui_diff_check

开发与测试

uv sync
# 直接以 stdio 模式运行(可用 MCP inspector / 客户端连接)
uv run vision-mcp

推荐服务器

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 模型以安全和受控的方式获取实时的网络信息。

官方
精选