mcp-server-chart vs mcp-image
并排对比，帮你在这两个 MCP server 之间做选择。
mcp-server-chart by antvis | mcp-image by shinpr | |
|---|---|---|
| Stars | ★ 4,068 | ★ 110 |
| 30天用量 | 10,239 | — |
| 综合分 | 84 | 47 |
| 官方 | — | — |
| 分类 | AI / LLM 工具开发者工具效率工具 | AI / LLM 工具多媒体效率工具 |
| 实现语言 | TypeScript | TypeScript |
| 最近提交 | 本月 | 本月 |
mcp-server-chart · 概述
使用 AntV 生成 26+ 种图表的 TypeScript MCP 服务器，支持多种图表类型和部署方式。
mcp-image · 概述
MCP 服务器，使用 Gemini 或 OpenAI 模型进行 AI 图像生成和自动提示优化。
mcp-server-chart · 使用场景
- 数据分析师从数据集中创建可视化报告
- AI 助手根据用户请求生成自定义图表
- Web 应用通过 HTTP API 嵌入可视化功能
mcp-image · 使用场景
- 为创意项目生成图像，无需掌握提示工程知识
- 在多个视觉资产中创建一致的角色设计
- 以最少的精力为专业内容创作生成高质量图像
mcp-server-chart · 安装
安装
全局安装：
npm install -g @antv/mcp-server-chart对于桌面应用（如 Claude Desktop、VSCode）：
{
"mcpServers": {
"mcp-server-chart": {
"command": "npx",
"args": ["-y", "@antv/mcp-server-chart"]
}
}
}Windows 系统：
{
"mcpServers": {
"mcp-server-chart": {
"command": "cmd",
"args": ["/c", "npx", "-y", "@antv/mcp-server-chart"]
}
}
}mcp-image · 安装
安装
前置要求
- Node.js 22 或更高版本
- Gemini API 密钥（来自 Google AI Studio）或 OpenAI API 密钥
- 兼容 MCP 的 AI 工具（Cursor、Claude Code、Codex）
快速开始
对于 Claude Desktop
添加到 claude_desktop_config.json：
{
"mcpServers": {
"mcp-image": {
"command": "npx",
"args": ["-y", "mcp-image"],
"env": {
"GEMINI_API_KEY": "your_gemini_api_key_here",
"IMAGE_OUTPUT_DIR": "/absolute/path/to/images"
}
}
}
}对于 Cursor
添加到您的 Cursor 设置（全局或项目特定）：
{
"mcpServers": {
"mcp-image": {
"command": "npx",
"args": ["-y", "mcp-image"],
"env": {
"GEMINI_API_KEY": "your_gemini_api_key_here",
"IMAGE_OUTPUT_DIR": "/absolute/path/to/images"
}
}
}
}对于 Codex
添加到 ~/.codex/config.toml：
[mcp_servers.mcp-image]
command = "npx"
args = ["-y", "mcp-image"]
[mcp_servers.mcp-image.env]
GEMINI_API_KEY = "your_gemini_api_key_here"
IMAGE_OUTPUT_DIR = "/absolute/path/to/images"