简易绘图

文档里缺图时怎么办

技术说明、评审材料和对话回复里，纯文字往往说不清拓扑、时序和状态流转。手搓位图成本高、难改；贴外链又容易失效。这个技能面向的是：在对话或 Markdown 里直接产出可复用、可改写的矢量图与文本图，而不是替代专业设计工具。

核心能力怎么落地

技能按「格式 + 场景」组织输出，常见路径如下。

• SVG：适合图标、插画、自定义示意图和数据图（柱/线/饼）。生成内联 SVG，强调 viewBox、path/rect 等基础元素、g + transform 分组变换，以及 linearGradient/animate 等进阶用法；图标常用 24×24 或 48×48，流程节点可用圆角矩形与箭头路径。
• Mermaid：适合流程图、时序图、思维导图、饼图、类图、状态图等「语法即图表」的场景，输出 graph、sequenceDiagram、mindmap 等块。
• Graphviz DOT：适合层次复杂、需要 subgraph、布局方向（如 rankdir=LR）的结构图。
• ASCII / Unicode：适合终端、代码注释或无法渲染富图时的框线图。

文档里还给了一张格式选择表：图标/插画偏 SVG；标准软件工程图偏 Mermaid；复杂结构图偏 DOT；终端展示偏 ASCII。

适用边界与注意点

• Mermaid、Graphviz 依赖渲染环境是否支持对应语法；不支持时应回退到 SVG 或 ASCII。
• SVG 手写复杂插画时，要注意可访问性（如 role="img"、<title>）和颜色对比，避免只有装饰性图形没有语义。
• 数据可视化若精度、交互或大数据量是关键需求，仍应使用专用图表库；本技能侧重清晰、轻量、可粘贴的示意级图形。