MCP Catalogs
首页

mcp-server-chart vs penpot-mcp

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

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

mcp-server-chart · 概述

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

penpot-mcp · 概述

Penpot MCP 服务器将 AI 助手如 Claude 与 Penpot 设计集成,实现自动化设计工作流程和分析。

mcp-server-chart · 使用场景

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

penpot-mcp · 使用场景

  • 使用 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 · 安装

安装

前置条件

  • Python 3.12+
  • Penpot 账户凭证

从 PyPI 安装

pip install penpot-mcp

配置

创建包含您的 Penpot 凭证的 .env 文件:

PENPOT_API_URL=https://design.penpot.app/api
PENPOT_USERNAME=your_penpot_username
PENPOT_PASSWORD=your_penpot_password
PORT=5000
DEBUG=true

Claude Desktop 集成

添加到您的 Claude Desktop 配置文件:

{
  "mcpServers": {
    "penpot": {
      "command": "uvx",
      "args": ["penpot-mcp"],
      "env": {
        "PENPOT_API_URL": "https://design.penpot.app/api",
        "PENPOT_USERNAME": "your_penpot_username",
        "PENPOT_PASSWORD": "your_penpot_password"
      }
    }
  }
}
对比内容由 README + GitHub 公开数据自动生成,定期更新。