MCP Catalogs
首页

mcp-server-chart vs penpot-mcp-server

并排对比,帮你在这两个 MCP server 之间做选择。

mcp-server-chart
by antvis
penpot-mcp-server
by zcube
Stars★ 4,068★ 16
30天用量10,239
综合分8439
官方
分类
AI / LLM 工具开发者工具效率工具
开发者工具AI / LLM 工具效率工具
实现语言TypeScriptTypeScript
最近提交本月6 个月前

mcp-server-chart · 概述

使用 AntV 生成 26+ 种图表的 TypeScript MCP 服务器,支持多种图表类型和部署方式。

penpot-mcp-server · 概述

Penpot MCP 服务器将 AI 助手与 Penpot 设计平台连接,提供全面的设计操作功能。

mcp-server-chart · 使用场景

  • 数据分析师从数据集中创建可视化报告
  • AI 助手根据用户请求生成自定义图表
  • Web 应用通过 HTTP API 嵌入可视化功能

penpot-mcp-server · 使用场景

  • AI 设计助手根据自然语言描述创建线框图和模型
  • 通过跨多个文件的组件更新进行自动化设计系统维护
  • 使用 AI 驱动的评论和反馈集成进行设计协作

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"]
    }
  }
}

penpot-mcp-server · 安装

# 全局安装
npm install -g @zcubekr/penpot-mcp-server

# 运行服务器
penpot-mcp-server

使用 Claude Desktop:

{
  "mcpServers": {
    "penpot": {
      "command": "node",
      "args": ["/path/to/penpot-mcp-server/dist/index.js"],
      "env": {
        "PENPOT_API_URL": "https://design.penpot.app",
        "PENPOT_ACCESS_TOKEN": "your-access-token"
      }
    }
  }
}

必需的环境变量:

  • PENPOT_API_URL: 您的 Penpot 实例 URL
  • PENPOT_ACCESS_TOKEN: 您的 Penpot 访问令牌
对比内容由 README + GitHub 公开数据自动生成,定期更新。