primitiv vs mcp-server-chart
并排对比，帮你在这两个 MCP server 之间做选择。
primitiv by AI-by-design | mcp-server-chart by antvis | |
|---|---|---|
| Stars | ★ 16 | ★ 4,068 |
| 30天用量 | — | 10,239 |
| 综合分 | 42 | 84 |
| 官方 | — | — |
| 分类 | 开发者工具AI / LLM 工具其它 | AI / LLM 工具开发者工具效率工具 |
| 实现语言 | TypeScript | TypeScript |
| 最近提交 | 本月 | 本月 |
primitiv · 概述
Primitiv 通过 MCP 从多个来源创建单一设计合约，确保 UI 代理构建一致。
mcp-server-chart · 概述
使用 AntV 生成 26+ 种图表的 TypeScript MCP 服务器，支持多种图表类型和部署方式。
primitiv · 使用场景
- 确保 AI 生成的 UI 组件与现有设计系统匹配
- 跨前端项目自动化设计令牌验证
- 通过 MCP 将 Figma 等设计工具与代码编辑器集成
mcp-server-chart · 使用场景
- 数据分析师从数据集中创建可视化报告
- AI 助手根据用户请求生成自定义图表
- Web 应用通过 HTTP API 嵌入可视化功能
primitiv · 安装
通过 npm 或 bun 安装：
npm install @ai-by-design/primitiv
# 或
bun add @ai-by-design/primitiv初始化：
npx @ai-by-design/primitiv init这会在项目根目录创建 .mcp.json。对于 Claude Desktop，添加到配置：
{
"mcpServers": {
"primitiv": {
"command": "npx",
"args": ["@ai-by-design/primitiv", "serve"]
}
}
}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"]
}
}
}