baoyu-diagram

用途：根据用户请求生成专业、深色主题的 SVG 图表，覆盖架构图、流程图、时序图、结构图（类图/ER 图/组织图）、思维导图、时间线、插图、状态机和数据流等多种类型。所有输出均为单个自包含 .svg 文件，样式与字体内嵌，并会转换为 @2x PNG。\n\n主要能力：内置统一设计系统，包括语义化配色（主色青色 #22d3ee、次色祖母绿 #34d399、三级紫罗兰 #a78bfa、强调琥珀 #fbbf24、警示玫瑰 #fb7185 等）、JetBrains Mono 字体、深色背景 #0f172a 与网格、标准/彩色/开放箭头标记。提供组件模式（标准框、决策菱形、数据库圆柱、区域边界、安全组）以及分层绘制顺序与间距规则，确保不重叠、图例在边界外、viewBox 自动适配。支持中文字体（Noto Sans SC、PingFang SC）。\n\n使用方式：先识别图表类型，若存在对应参考文件则读取 {baseDir}/references/（如 architecture.md、flowchart.md、sequence.md、structural.md），规划布局后按分层顺序编写 SVG 并保存；随后用 ${BUN_X} {baseDir}/scripts/main.ts <svg-path> [options] 转换为 @2x PNG，可用 -s 指定缩放（默认 2）、-o 指定输出、--json 输出 JSON。输入为文件时保存到 {inputFileDir}/diagram/，否则保存到 {projectDir}/diagram/{topic-slug}/。\n\n限制：除 Google Fonts 导入外无外部依赖；不设置固定宽高，由 viewBox 响应式缩放。具体脚本运行环境依赖 bun 或 npx -y bun，若均不可用则需安装 bun。参考文件中的详细布局算法与更多示例未在资料中完整给出。