MCP Catalogs
首页

mermaid-mcp

by Narasimhaponnada·42·综合分 44

AI 驱动的 Mermaid 图表生成 MCP 服务器,支持 GitHub Copilot、Claude 和自定义 LLM 应用。

developer-toolsai-llmproductivity
5
Forks
0
活跃 Issue
6 个月前
最近提交
2 天前
收录于

概述

Mermaid MCP 服务器使 AI 助手能够使用自然语言生成专业的架构图、流程图、序列图等。它为 GitHub Copilot、Claude 等 AI 编码助手提供模型上下文协议接口,支持 22 种以上图表类型,包括流程图、序列图、ER 图、状态图和甘特图,可生成生产就绪的 SVG 文件。服务器使用 Node.js 和 TypeScript 开发,通过 Puppeteer 进行浏览器渲染,确保输出的一致性和可靠性。

试试问 AI

装完之后,这里有 3 个你可以让 AI 做的事:

:为技术文档生成架构图
:为 CI/CD 流程和 GitHub Actions 创建流程图
:为用户身份验证工作流构建序列图

什么时候选它

当你需要通过 AI 助手生成图表,并希望获得专业级的 SVG 输出,而不需要本地安装图表工具时。

什么时候不要选它

如果你需要实时协作功能,或者需要 AI 无法生成的图表编辑功能,则不适合使用此工具。

此 server 暴露的工具

从 README 抽取出 1 个工具
  • generate_mermaid_diagram

    Generate various types of diagrams including flowcharts, sequence diagrams, architecture diagrams, and more using natural language descriptions.

说明:Inferred from usage examples and server description, as the README doesn't explicitly list tool names or signatures. Based on the server's purpose of generating Mermaid diagrams via MCP.

可对比工具

diagrams-mcpdraw.io-mcpplantuml-mcp

安装

安装

选项 1:从 NPM 安装(推荐)
npm install -g @narasimhaponnada/mermaid-mcp-server
mermaid-mcp --version
选项 2:从源代码安装
git clone https://github.com/Narasimhaponnada/mermaid-mcp.git
cd mermaid-mcp/mermaid-mcp-server
npm install
npm run build

配置 GitHub Copilot

添加到 VS Code 设置中:

{
  "github.copilot.mcp.servers": {
    "mermaid": {
      "command": "mermaid-mcp"
    }
  }
}

配置 Claude Desktop

添加到 Claude Desktop config.json 中:

{
  "mcpServers": {
    "mermaid": {
      "command": "mermaid-mcp"
    }
  }
}

mermaid-mcp 对比

GitHub →

最后更新于 · 由 README + GitHub 公开数据自动生成。