mcp-server-chart vs basecoat-ui-mcp
并排对比，帮你在这两个 MCP server 之间做选择。
mcp-server-chart by antvis | basecoat-ui-mcp by Sorbh | |
|---|---|---|
| Stars | ★ 4,068 | ★ 9 |
| 30天用量 | 10,239 | — |
| 综合分 | 84 | 38 |
| 官方 | — | — |
| 分类 | AI / LLM 工具开发者工具效率工具 | 开发者工具AI / LLM 工具效率工具 |
| 实现语言 | TypeScript | HTML |
| 最近提交 | 本月 | 9 个月前 |
mcp-server-chart · 概述
使用 AntV 生成 26+ 种图表的 TypeScript MCP 服务器，支持多种图表类型和部署方式。
basecoat-ui-mcp · 概述
提供 Basecoat CSS 组件和文档的 MCP 服务器，用于 AI 辅助 HTML 开发
mcp-server-chart · 使用场景
- 数据分析师从数据集中创建可视化报告
- AI 助手根据用户请求生成自定义图表
- Web 应用通过 HTTP API 嵌入可视化功能
basecoat-ui-mcp · 使用场景
- AI 助手帮助开发者使用 Basecoat CSS 组件构建界面
- 生成包含 CDN 链接和主题切换的 Basecoat CSS 设置代码
- 在开发过程中按名称或类别搜索特定组件
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"]
}
}
}basecoat-ui-mcp · 安装
安装
- 克隆仓库：
git clone https://github.com/Sorbh/basecoat-ui-mcp.git
cd basecoat-ui-mcp- 安装依赖：
npm installClaude Desktop 配置
{
"mcpServers": {
"basecoat-ui": {
"command": "npx",
"args": ["-y", "basecoat-ui-mcp"]
}
}
}本地开发
对于本地开发，更新配置指向本地服务器：
{
"mcpServers": {
"basecoat-ui": {
"command": "node",
"args": ["/path/to/basecoat-ui-mcp/server.js"],
"cwd": "/path/to/basecoat-ui-mcp"
}
}
}