mcp-server-chart vs mcp
并排对比，帮你在这两个 MCP server 之间做选择。
mcp-server-chart by antvis | mcp by vuetifyjs | |
|---|---|---|
| Stars | ★ 4,068 | ★ 96 |
| 30天用量 | 10,239 | — |
| 综合分 | 84 | 48 |
| 官方 | — | — |
| 分类 | AI / LLM 工具开发者工具效率工具 | 开发者工具AI / LLM 工具效率工具 |
| 实现语言 | TypeScript | TypeScript |
| 最近提交 | 本月 | 本月 |
mcp-server-chart · 概述
使用 AntV 生成 26+ 种图表的 TypeScript MCP 服务器，支持多种图表类型和部署方式。
mcp · 概述
Vuetify MCP 服务器通过模型上下文协议为 AI 助手提供 Vuetify 组件文档和 API 信息。
mcp-server-chart · 使用场景
- 数据分析师从数据集中创建可视化报告
- AI 助手根据用户请求生成自定义图表
- Web 应用通过 HTTP API 嵌入可视化功能
mcp · 使用场景
- 在 AI 助手中生成具有正确 props 和属性的 Vuetify 组件
- 遵循 Vuetify 最佳实践创建常见 UI 布局
- 在 IDE 中直接访问 Vuetify 文档、安装指南和发行说明
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 · 安装
快速开始
托管 HTTP 服务器（最简单）
# Claude Code
claude mcp add --transport http vuetify-mcp https://mcp.vuetifyjs.com/mcp本地安装
# 启动 Vuetify MCP 服务器
npx -y @vuetify/mcpClaude Desktop 配置
{
"mcpServers": {
"vuetify-mcp": {
"command": "npx",
"args": ["-y", "@vuetify/mcp"]
}
}
}或使用 mcp-remote 访问托管服务器：
{
"mcpServers": {
"vuetify-mcp": {
"command": "npx",
"args": ["-y", "mcp-remote", "https://mcp.vuetifyjs.com/mcp"]
}
}
}