用途：当文字不足以说明系统、流程、架构或机制时，用该技能生成丰富的内联 SVG 图表，帮助用户建立直观理解。
主要能力：支持流程图（顺序流程、决策树、管道）、结构图（嵌套矩形表达包含关系，如架构、组织图、系统组件）和说明图（自由形状，用于解释注意力机制、梯度下降、递归等抽象概念）。
使用方式：图表通过 generateSandboxedUi 工具交付，SVG 标记放入 html 参数，逐元素流式呈现给用户。样式由 SVG 表现属性（fill、stroke、font-size）承担；若需 CSS 动画类，应在 css 参数中声明，不能写在 html 内的 <style> 块。静态图无需 jsFunctions 或 jsExpressions。
规范要点：使用固定模板，viewBox 宽度恒为 680，width="100%" 以响应式缩放；高度 H 按最底部元素 y + 高度 + 40px 计算。安全内容区为 x=40 到 640、y=40 到 H-40。字体仅用 14px（标题/标签）和 12px（副标题/描述），字重仅 400 与 500。颜色使用提供的语义色组，并兼顾明暗模式；颜色表达含义而非顺序，每图用 2-3 种颜色。连接线需 fill="none"，箭头用 marker。
限制：每行最多 4-5 个节点，复杂主题应拆成多个小图，每图 3-5 个节点，图间配说明文字。箭头不得穿过无关方框。文本宽度需按字符数估算，确保放入框内。不要承诺未交付的图表。
适用场景：解释工作原理、展示架构结构、说明流程与数据流、为抽象概念建立直觉。
暂未提供：收费、价格、平台支持范围等具体信息。