官方说明10 个来源MCP 服务8 天前
Narasimhaponnada/mermaid-mcp
📇 ☁️ 🍎 🪟 🐧 - Mermaid diagram generation (flowcharts, sequence, class, ER, architecture and state diagrams)…
在 GitHub 查看 ↗直链 · 无中转页
官方说明powered Mermaid diagram generation using Model Context Protocol (MCP)** Overview The **Mermaid MCP Server** enables AI assistants like GitHub Copilot, Claude, and custom LLM applications to generate professional architecture diagrams, flowcharts, sequence diagrams, and more using natural language.
配置模板（请按你的客户端调整）
claude mcp add mermaid-mcp -- npx -y mermaid-mcp
这是根据仓库名生成的可粘贴骨架，命令行参数与包名请以该项目 README 为准。
- ★ 数取值
- 53 ★ · Narasimhaponnada/mermaid-mcp · 取自该仓库的 GitHub 页面 · （2026-10-16 20:00:20 核对）
- 来源明细
- 收录自 punkpeye/awesome-mcp-servers 榜单（我们从中收集的条目之一） · 条目类型：MCP 服务
- 收录与活跃
- 收录于 2026-10-09 · 最近见到 2026-10-16 · 共见到 32 次 · 被 10 个来源列出
- 评分构成
- 综合分 1,003 · 53 ★ · 10 个来源 · mcp
常见问题（答案都来自我们的记录）
怎么安装？
我们【没有】从该仓库取到安装命令（我们的 install 覆盖率只有约 4%）。请看它的 README 或 releases 页。
它适合谁 / 用来做什么？
我们把它归在这些标签下: MCP 服务。标签来自条目自身，不是我们强加的分类。
谁维护它、还在更新吗？
仓库
Narasimhaponnada/mermaid-mcp；我们收录于 2026-10-09；最近见到 2026-10-16。这里没有"官方认证"或"质量评级"——我们只记录来源与时间。第三方质量标记
Mermaid MCP Server
以下摘录自该仓库的 README（片段） · 在 GitHub 读完整 README →
> **AI-powered Mermaid diagram generation using Model Context Protocol (MCP)**
🎯 Overview
The **Mermaid MCP Server** enables AI assistants like GitHub Copilot, Claude, and custom LLM applications to generate professional architecture diagrams, flowcharts, sequence diagrams, and more using natural language. It provides a Model Context Protocol interface for seamless integration with AI coding assistants.
✨ Key Features
- 🤖 **AI-Powered Generation**: Create diagrams using natural language with GitHub Copilot or Claude
- 🎨 **Production-Ready SVGs**: XML-compliant, validated SVG files ready for any use
- 📦 **50+ Pre-built Templates**: Architecture patterns, workflows, and data models
- 🔧 **Multiple Integrations**: VS Code, Claude Desktop, Cursor IDE, CLI, and custom apps
- 🚀 **22+ Diagram Types**: Flowcharts, sequences, ERDs, state machines, Gantt charts, and more
- ⚡ **Fast & Reliable**: Browser-based rendering with Puppeteer for consistent output
📋 What's Included
🚀 Quick Start
Prerequisites
- Node.js 18 or higher
- npm or yarn
- GitHub Copilot (recommended) or Claude Desktop
Installation
Option 1: Install from NPM (Recommended)
Option 2: Install from Source
Configure with GitHub Copilot
Add to your VS Code settings (Cmd+Shift+P → "Preferences: Open User Settings (JSON)"):
**If installed via NPM globally:**
**If installed from source:**
Use with Copilot
Open GitHub Copilot Chat and try:
📚 Documentation
- **Setup.md** - Complete installation and configuration guide (807 lines)
- **UserGuide.md** - Comprehensive usage guide with examples (2,349 lines)
- **mermaid-mcp-server/README.md** - Server-specific documentation
- **mermaid-mcp-server/PROJECT-SUMMARY.md** - Technical deep-dive
🎨 Diagram Types Supported
- **Process Diagrams**: Flowcharts, Block Diagrams
- **Interactions**: Sequence Diagrams, User Journeys, Timelines
- **Structure**: Class Diagrams, ER Diagrams, C4 Diagrams, Architecture
- **Data Visualization**: Pie Charts, XY Charts, Sankey, Radar, Quadrant, Treemap
- **Project Management**: Gantt Charts, Requirement Diagrams, Kanban Boards
- **Specialized**: State Diagrams, Git Flow, Mindmaps, Packet Diagrams
🔌 Integration Methods
1. **GitHub Copilot in VS Code** - Daily development workflow
2. **Claude Desktop** - Standalone diagram generation
3. **Cursor IDE** - AI-first development
4. **Direct CLI** - Automation and scripting
5. **MCP Inspector** - Testing and debugging
6. **Custom Applications** - Build your own integrations
💡 Use Cases
- 📖 **Documentation**: Auto-generate architecture diagrams for docs
- 🔄 **Code Reviews**: Include diagrams in pull requests
- 👥 **Onboarding**: Visual guides for new developers
- 📊 **Technical Proposals**: Explain changes with visuals
- 🚨 **Incident Response**: Document incidents with timelines
- 💼 **Client Presentations**: Explain technical concepts visually
- 📚 **Training Materials**: Create consistent learning resources
🌟 Example Output
The server generates production-ready SVG files like these (included in examples/architectures/):
- microservices-architecture.svg (27KB) - Microservices with API Gateway
🎯 Overview
The **Mermaid MCP Server** enables AI assistants like GitHub Copilot, Claude, and custom LLM applications to generate professional architecture diagrams, flowcharts, sequence diagrams, and more using natural language. It provides a Model Context Protocol interface for seamless integration with AI coding assistants.
✨ Key Features
- 🤖 **AI-Powered Generation**: Create diagrams using natural language with GitHub Copilot or Claude
- 🎨 **Production-Ready SVGs**: XML-compliant, validated SVG files ready for any use
- 📦 **50+ Pre-built Templates**: Architecture patterns, workflows, and data models
- 🔧 **Multiple Integrations**: VS Code, Claude Desktop, Cursor IDE, CLI, and custom apps
- 🚀 **22+ Diagram Types**: Flowcharts, sequences, ERDs, state machines, Gantt charts, and more
- ⚡ **Fast & Reliable**: Browser-based rendering with Puppeteer for consistent output
📋 What's Included
🚀 Quick Start
Prerequisites
- Node.js 18 or higher
- npm or yarn
- GitHub Copilot (recommended) or Claude Desktop
Installation
Option 1: Install from NPM (Recommended)
Option 2: Install from Source
Configure with GitHub Copilot
Add to your VS Code settings (Cmd+Shift+P → "Preferences: Open User Settings (JSON)"):
**If installed via NPM globally:**
**If installed from source:**
Use with Copilot
Open GitHub Copilot Chat and try:
📚 Documentation
- **Setup.md** - Complete installation and configuration guide (807 lines)
- **UserGuide.md** - Comprehensive usage guide with examples (2,349 lines)
- **mermaid-mcp-server/README.md** - Server-specific documentation
- **mermaid-mcp-server/PROJECT-SUMMARY.md** - Technical deep-dive
🎨 Diagram Types Supported
- **Process Diagrams**: Flowcharts, Block Diagrams
- **Interactions**: Sequence Diagrams, User Journeys, Timelines
- **Structure**: Class Diagrams, ER Diagrams, C4 Diagrams, Architecture
- **Data Visualization**: Pie Charts, XY Charts, Sankey, Radar, Quadrant, Treemap
- **Project Management**: Gantt Charts, Requirement Diagrams, Kanban Boards
- **Specialized**: State Diagrams, Git Flow, Mindmaps, Packet Diagrams
🔌 Integration Methods
1. **GitHub Copilot in VS Code** - Daily development workflow
2. **Claude Desktop** - Standalone diagram generation
3. **Cursor IDE** - AI-first development
4. **Direct CLI** - Automation and scripting
5. **MCP Inspector** - Testing and debugging
6. **Custom Applications** - Build your own integrations
💡 Use Cases
- 📖 **Documentation**: Auto-generate architecture diagrams for docs
- 🔄 **Code Reviews**: Include diagrams in pull requests
- 👥 **Onboarding**: Visual guides for new developers
- 📊 **Technical Proposals**: Explain changes with visuals
- 🚨 **Incident Response**: Document incidents with timelines
- 💼 **Client Presentations**: Explain technical concepts visually
- 📚 **Training Materials**: Create consistent learning resources
🌟 Example Output
The server generates production-ready SVG files like these (included in examples/architectures/):
- microservices-architecture.svg (27KB) - Microservices with API Gateway
- 来源
- awesome · https://github.com/Narasimhaponnada/mermaid-mcp
- 按领域浏览
- MCP 服务
- Traction
- 53 ★
- 收录于
- 昨天
更多MCP 服务
所属领域与标签
每个标签都能点进去看同类的全部条目。数字是当前库里的真实条数。