技能介绍

问题在哪

工程师写方案、复盘或架构说明时，常卡在两件事：该用哪种图（SWOT、泳道、决策树还是 C4），以及用 Mermaid、SVG 还是 Draw.io 才不会在复杂节点上错位。记图表名和坐标细节，成本往往比整理内容还高。

技能如何工作

本技能把「选图 + 选渲染管线」交给 智能意图路由器：先按关系类型（对比 / 流程 / 因果 / 层级 / 时序）、主体数量、链路与对比深度做结构分析，再落到模板决策树；单模板不够时按组合策略串联（例如决策树入口 + 泳道对齐 + 对比矩阵）。

出图遵循 HTML/CSS 模板优先：14 类 show_widget 模板用 Flexbox/Grid 布局，适合节点多、嵌套深、长文案；简单汇报场景可走 SVG；文档嵌入优先 Mermaid；复杂 UML、FTA/DFD、泳道二次编辑走 Draw.io XML。路由表覆盖思维框架、业务架构、逻辑推理、流程分析、系统设计与数据展示等 40+ 类图表，并统一配色、字号与留白规范。

用户侧只需说意图（「对比一下 A 和 B」「梳理审批步骤」「找根因」），不必背图表名；意图模糊时应列出 2～3 种候选并说明各自会生成什么、适合与不适合什么场景。

边界与注意点

框架优先：对比、分析类需求应避免只用卡片罗列（展示级模板），优先流程链、矩阵、泳道等承载分析结构的模板。
模型差异：非 GLM-5.2 等场景应强制走 HTML/CSS 骨架，避免从零手算 SVG 坐标。
规模：单图节点建议控制在约 15 个以内，过多应拆分子图或分组；Mermaid/Draw.io 失败时有文档约定的降级路径（如改 SVG 或 Mermaid swimlane）。