mcp-server-chart vs mcp-server
并排对比，帮你在这两个 MCP server 之间做选择。
mcp-server-chart by antvis | mcp-server by webflow | |
|---|---|---|
| Stars | ★ 4,068 | ★ 131 |
| 30天用量 | 10,239 | — |
| 综合分 | 84 | 48 |
| 官方 | — | — |
| 分类 | AI / LLM 工具开发者工具效率工具 | 电商开发者工具AI / LLM 工具 |
| 实现语言 | TypeScript | TypeScript |
| 最近提交 | 本月 | 1 个月前 |
mcp-server-chart · 概述
使用 AntV 生成 26+ 种图表的 TypeScript MCP 服务器，支持多种图表类型和部署方式。
mcp-server · 概述
Webflow MCP 服务器通过模型上下文协议让 AI 代理能够与 Webflow API 交互。
mcp-server-chart · 使用场景
- 数据分析师从数据集中创建可视化报告
- AI 助手根据用户请求生成自定义图表
- Web 应用通过 HTTP API 嵌入可视化功能
mcp-server · 使用场景
- 分析博客文章并推荐 SEO 优化的内容主题
- 自动在相关内容之间添加内部链接
- 创建带有行动号召按钮的响应式设计元素，如主页英雄区域
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-server · 安装
远程安装（推荐）
- 添加到 Claude Desktop 配置文件 (
claude_desktop_config.json)：
{
"mcpServers": {
"webflow": {
"command": "npx",
"args": ["mcp-remote", "https://mcp.webflow.com/sse"]
}
}
}- 或添加到 Cursor 配置文件 (
.cursor/mcp.json)：
{
"mcpServers": {
"webflow": {
"url": "https://mcp.webflow.com/sse"
}
}
}- 在 Webflow Designer 中打开您的站点，并从应用面板启动 MCP Bridge App
本地安装
- 在您的工作区创建并发布 Webflow MCP Bridge App
- 获取您的 Webflow API 令牌
- 添加到客户端配置并设置环境变量：
{
"mcpServers": {
"webflow": {
"command": "npx",
"args": ["-y", "webflow-mcp-server@latest"],
"env": {
"WEBFLOW_TOKEN": "<YOUR_WEBFLOW_TOKEN>"
}
}
}
}