运行时依赖
无特殊依赖
安装命令
点击复制官方npx clawhub@latest install mermaid-chart
镜像加速npx clawhub@latest install mermaid-chart --registry https://cn.longxiaskill.com✓ 镜像可用
技能文档
Mermaid 图表生成 基于文本语法生成图表,可直接在支持 Mermaid 的平台(如 GitHub、Notion、Obsidian)渲染。
使用场景 用户需要绘制图表、流程图、架构图、时序图、甘特图、类图、思维导图、状态机、ER 图、饼图、用户旅程图、Git 分支图或 C4 架构图时使用。
支持图表类型速查 类型 语法关键字 用途 流程图 flowchart 流程、决策、逻辑分支 时序图 sequenceDiagram API 调用、消息交互、系统通信 类图 classDiagram OOP 设计、数据模型、接口关系 状态图 stateDiagram-v2 状态机、生命周期、工作流状态 ER 图 erDiagram 数据库表关系、实体建模 甘特图 gantt 项目排期、里程碑、任务依赖 饼图 pie 占比、数据构成 用户旅程 journey 用户体验地图、场景路径 Git 图 gitGraph 分支策略、提交历史 思维导图 mindmap 知识结构、头脑风暴 时间线 timeline 历史演进、里程碑时间线 桑基图 sankey 流量、能量转移 C4 架构 C4Context 等 系统上下文、容器图(需 -- C4 插件) 象限图 quadrantChart 二维四象限分析 块图 block 块图
输出规范 生成 Mermaid 代码时遵循:
- 用 ```mermaid 代码块包裹,可直接渲染
- 优先用 flowchart,graph 已废弃
- 节点 ID 语义化(如 userLogin)
- 复杂图加注释(%% 注释内容)
- 中文节点用引号(如 Start["开始"])
- 提供简洁版与完整版供选择
- 样式用 classDef 集中定义,勿内联
各类型语法速览 (示例略,与原文一致,仅节点中文部分已用引号包裹)