用途:根据用户需求生成专业、深色主题的 SVG 图表,覆盖架构图、流程图、时序图、结构图、思维导图、时间线、示意图、状态机、数据流等类型。输出为单个自包含 .svg 文件,样式与字体内嵌,除 Google Fonts 导入外无外部依赖。
主要能力:内置设计系统,包括语义化配色(Primary/Secondary/Tertiary/Accent/Alert/Connector/Neutral/Highlight)、JetBrains Mono 字体与字号规范、深色背景 #0f172a 加网格、箭头标记、组件盒、决策菱形、数据库圆柱、区域边界、安全组等视觉元素,并规定分层顺序与间距规则以避免重叠。
使用方式:先识别图表类型,读取 {baseDir}/references/ 下对应参考文件(如 architecture.md、flowchart.md、sequence.md、structural.md),规划布局后按分层顺序编写 SVG,校验间距,保存文件,再运行脚本转 PNG:${BUN_X} {baseDir}/scripts/main.ts <svg-path> [options],选项含 -s/--scale(默认 2)、-o/--output、--json。运行时优先用 bun,否则 npx -y bun,均无则建议安装 bun。保存位置:输入为文件时存到 {inputFileDir}/diagram/,否则存到 {projectDir}/diagram/{topic-slug}/。
适用场景:系统架构说明、流程与决策逻辑、时序交互、类图/ER 图/组织架构、头脑风暴、时间线、状态生命周期、数据管道等。
限制:需遵循固定配色、字号、间距与分层规则;中文标签需改用含 Noto Sans SC/PingFang SC 的字体并加宽盒子;viewBox 需留 30px 内边距且不设固定宽高;PNG 转换依赖 bun 或 npx。其他细节资料未提供。