返回市场
MCP图表

MCP图表

作者:tenpigs2672 星标更新:2025-04-10

项目介绍

MCP-Diagram

Model-Client-Protocol (MCP) 服务器,用于从 Claude 和其他 AI 巫师中的文本描述轻松生成图表。

🌟 功能

MCP-Diagram 允许您直接从与 Claude 的对话中轻松创建不同类型的图表:

  • 架构图(D2Lang 和 Mermaid)
  • UML 类图(Mermaid)
  • 实体关系图(Mermaid)
  • 序列图(Mermaid)
  • 甘特图(Mermaid)
  • 思维导图(Mermaid)
  • 时间轴图(Mermaid)

📋 预备条件

  • Java 运行环境 (JRE) 17 或更高版本
  • 安装了 Claude Desktop(用于与 Claude 集成)

🚀 安装

第一步:下载 MCP 服务器

最新版本 下载 JAR 文件。

第二步:配置 Claude Desktop

在您的 claude_desktop_config.json 文件中添加服务器:

{
    "mcpServers": {
        "mcp-diagram": {
            "command": "java",
            "args": [
                "-jar",
                "CHEMIN/VERS/mcp-diagram-X.Y.Z.jar"
            ]
        }
    }
}

⚠️ 重要 :用您下载 JAR 文件的实际路径替换 CHEMIN/VERS/mcp-diagram-X.Y.Z.jar。(Windows 上为 "C:CHEMINVERSmcp-diagram-1.0.0.jar")

🔧 使用

配置完成后,您可以简单地要求 Claude 创建您想要描述的图表。MCP 服务器将处理其余部分!

可用功能

getD2LangComplexDiagram

使用 D2Lang 声明性语法生成复杂图表,非常适合软件或网络架构。

getMermaidClassDiagram

使用 Mermaid 语法生成 UML 类图。

getMermaidComplexDiagram

使用 Mermaid 语法生成复杂图表(软件架构、网络等)。

getMermaidErDiagram

使用 Mermaid 语法生成实体关系图。

getMermaidGanttDiagram

使用 Mermaid 语法生成甘特图。

getMermaidMindMapDiagram

使用 Mermaid 语法生成思维导图。

getMermaidSequenceDiagram

使用 Mermaid 语法生成序列图。

getMermaidTimelineDiagram

使用 Mermaid 语法生成时间轴图。

📝 使用示例

这是一个生成 AWS 架构图的示例提示:

创建一个描述 AWS 架构的 d2lang 图,其中 CloudWatch 使用 Lambda 作为编排器。
Lambda 使用 SNS、DynamoDB 和位于自动扩展组中的 EC2。
EC2 还连接到同一个 DynamoDB。
位于自动扩展组中的 EC2 使用 Amazon EFS 作为源,并使用另一个作为备份。
EC2 和 EFS 在一个 VPC 中。
EC2 还使用 Amazon S3。

结果将是一个链接到生成的图表,您可以在浏览器中查看该链接。

复杂图表示例

🔍 故障排除

MCP 服务器无法启动

  • 确认正确安装了 Java 版本 17 或更高版本 (java -version)
  • 确认配置中的 JAR 文件路径正确
  • 确认下载的 JAR 文件具有运行权限(在 JAR 文件的“属性”中检查)

图表未显示

  • 确认您的浏览器可以访问互联网
  • 确认生成的 URL 没有被防火墙阻止

📄 许可证

该项目采用 MIT 许可证 - 查看文件 LICENSE 获取更多详情。