Mermaid 图表代码生成器

要解决什么问题

在文档、评审或设计讨论里，你往往已经用自然语言把流程或架构说清楚了，但还要自己查 Mermaid 语法、补节点 ID、处理分支和层级，容易漏边、引号转义出错，改一轮才能渲染。这个技能把「描述 → 可运行代码」当成固定交付：输入是流程/架构叙述，输出是可直接放进 Markdown 的 mermaid 代码块。

技能如何工作

它会按约定流程推进，而不是一次性瞎猜结构：

1. 确认图表类型：若你未说明，会先问是流程图、时序图、类图等哪一种 Mermaid 图表。
2. 补齐描述：信息不足时会追问关键节点、分支条件、上下游与层级关系。
3. 设计结构：在生成前把叙述映射成节点与边，流程图会刻意体现二级、三级等多层级，避免扁平一条线。
4. 生成与校验：写出符合 Mermaid 规范的代码，并检查节点 ID、连线、引号与特殊字符转义，减少语法错误。
5. 交付格式：最终结果放在 `mermaid 代码块中，便于复制到 Wiki、PR 或博客。

核心能力来自对 Mermaid 语法与各图表类型的熟悉，以及把流程分析、架构设计需求转成结构化图形的经验。

适用边界与注意点

• 输出质量依赖你提供的描述粒度；边界条件、异常分支若未说明，图中可能不会体现，需要你在追问环节补全。
• 复杂业务若节点过多，仍建议在生成后结合渲染结果微调文案与布局；技能侧重语法正确与结构清晰，不替代你在产品语义上的最终拍板。
• 若你已明确图表类型与完整路径，可在一开始写全，可跳过「询问类型」步骤，加快一轮交付。