$ loading_
用 AI 动态生成 Mermaid 流程图、架构图和图表，快速表达复杂信息。
复制安装指令，让 AI 自动完成配置 · 推荐新手
"mcp-mermaid" 暂无可直接复制的安装信息，请查看页面文档或源码仓库。
请根据以下描述生成 Mermaid 架构图代码：一个前端 Web 应用通过 API 网关访问用户服务、订单服务和支付服务，所有服务连接到各自数据库，并接入日志监控系统。
输出一段可直接渲染的 Mermaid 架构图代码，清晰展示系统组件与连接关系。
把下面流程整理成 Mermaid 流程图：用户提交请假申请，直属主管审批；若超过 3 天则交 HR 复审；审批通过后通知申请人，否则退回修改。
输出结构清晰的 Mermaid 流程图代码，包含条件分支与审批结果。
请生成 Mermaid 甘特图：需求分析 3 月 1 日到 3 月 5 日，原型设计 3 月 6 日到 3 月 10 日，开发 3 月 11 日到 3 月 25 日，测试 3 月 26 日到 3 月 31 日。
输出可视化项目排期的 Mermaid 甘特图代码，便于展示阶段与时间安排。
帮助用户用 AI 创建、编辑并管理 Mermaid 图表并实时预览。
生成 Mermaid 图并实时预览，支持导出 SVG/PNG。
帮助用户以编程方式创建和编辑 draw.io 图表，快速生成多种可视化方案
通过 MCP 生成可编辑的手绘风格流程图、ER 图与架构图。
通过自然语言创建、读取并管理 Draw.io 图表，提升流程与架构设计效率。
帮助用户在 VS Code 中创建、读取和编辑 draw.io 图表并实时预览。