用途：创建专业、深色主题的 SVG 图表，覆盖架构图、流程图、时序图、结构图（类图/ER 图/组织图）、思维导图、时间线、示意图、状态机与数据流图等类型。每张图输出为单一自包含 .svg 文件（仅依赖 Google Fonts 导入），并可转成 @2x PNG。
主要能力：内置语义化配色（primary/secondary/tertiary/accent/alert/connector/neutral/highlight）、字体层级（标题 16px、组件名 11-12px、副标签 9px）、#0f172a 背景加网格、箭头 marker、组件盒/决策菱形/数据库圆柱/区域边界/安全组等可视化模式，并可按类型读取 {baseDir}/references/ 下参考文件获取布局算法。
必要用法：先确定图表类型，读取对应参考文件，规划组件、分组与流向并计算位置，按背景→边界→连接线→遮罩矩形→组件盒→文字→图例→标题块的分层顺序编写 SVG，校验间距，保存后运行脚本生成 @2x PNG：${BUN_X} {baseDir}/scripts/main.ts <svg-path> [options]；选项含 -s/--scale（默认 2）、-o/--output、--json。运行时若已装 bun 用 bun，否则用 npx -y bun。保存路径：输入为文件时存 {inputFileDir}/diagram/，否则存 {projectDir}/diagram/{topic-slug}/。
限制：需遵循间距规则（组件盒高 50-70px、最小间距 40px 垂直/30px 水平、图例距最低元素至少 20px）与遮罩矩形技巧，否则箭头会透出；viewBox 需含 30px 内边距且不设固定宽高；中文字符较宽，需改用含 Noto Sans SC/PingFang SC 的字体栈并加宽组件盒。