Mermaid 图绘制助手。适用于用户明确要求绘制 Mermaid 图，或提到流程图、架构图、时序图、状态图、甘特图、ER 图、用户旅程图、类图，并希望直接输出 Mermaid 代码块时使用。会先判断最合适的图类型，再生成可渲染、结构清晰的 Mermaid 代码，并在必要时附上简短说明或迭代建议。不适用于追求高保真视觉设计稿的场景。
专门用于把结构、流程、关系和时间顺序整理成 Mermaid 图。
本 skill 主要采用：
flowchart，先判断是否更适合时序图、状态图、ER 图或甘特图flowchart 中，如果节点文本里包含 /plan-ceo-review 这类带斜杠的字符串，不要写成 E1[/plan-ceo-review<br/>CEO视角审视产品]，要写成 E1["/plan-ceo-review"<br/>CEO视角审视产品]，否则容易触发语法错误复制此清单并跟踪进度：
绘图进度：
- [ ] 步骤 1：理解目标
- [ ] 步骤 2：选择图类型
- [ ] 步骤 3：抽取关键节点与关系
- [ ] 步骤 4：生成 Mermaid 代码
- [ ] 步骤 5：自查可读性与语法
- [ ] 步骤 6：交付并说明
先判断用户要表达的核心是什么：
如果用户给的是文章、方案、PRD、会议纪要或口头描述，先提炼成“节点 + 关系 + 顺序/层级”。
优先根据表达目标选择图类型。需要时读取 references/diagram-selection.md。
快速判断：
flowchartsequenceDiagramstateDiagram-v2erDiagramganttjourneyclassDiagramgitGraph如果用户指定了图类型，优先尊重；仅在明显不合适时再说明替代建议。
生成前先做轻量结构化：
如果一张图超过 12 个核心节点，优先压缩、分组，或建议拆图。
默认直接输出 fenced code block，例如：
flowchart TD
A[开始] --> B[分析需求]
B --> C{选择图类型}
C -->|流程| D[输出 flowchart]
C -->|时序| E[输出 sequenceDiagram]
生成时遵循这些规则：
A、svc_api、userTDsubgraph交付前至少自查这些点：
flowchart 节点文本里若包含以 / 开头的路径或命令，是否已经用引号包住显示文本如果图较复杂，先保证“能渲染 + 看得懂”，再追求细节丰富。
默认交付内容：
如果用户要求“只给 Mermaid 代码”，就不要附加多余解释。