用途：根据用户请求生成专业深色主题的 SVG 图表，覆盖架构图、流程图、时序图、结构图（类图/ER 图/组织图）、思维导图、时间线、状态机、数据流、说明性图表等类型，并可将 SVG 转换为 @2x PNG。
主要能力：输出单个自包含 .svg 文件，样式与字体内嵌，仅依赖 Google Fonts 导入。内置语义化配色方案（Primary/Secondary/Tertiary/Accent/Alert/Connector/Neutral/Highlight），按组件类别或角色着色；使用 JetBrains Mono 字体，并按标题、组件名、子标签、注释等角色设定字号。提供背景网格、箭头标记、组件框、决策菱形、数据库圆柱、区域边界、安全组等 SVG 元素模式，以及图层顺序、间距规则和各类图表的布局指导。
使用方式：技能目录记为 {baseDir}，各图表类型的详细布局算法与示例位于 {baseDir}/references/ 下的对应文件，开始布局前应读取相应参考文件。脚本路径为 {baseDir}/scripts/main.ts。运行时解析 ${BUN_X}：已安装 bun 则用 bun；有 npx 则用 npx -y bun；否则建议安装 bun。生成 PNG 命令：${BUN_X} {baseDir}/scripts/main.ts <svg-path>，选项包括 -s/--scale（默认 2）、-o/--output（默认 <input>@2x.png）、--json。流程为：识别图表类型、读取参考文件、规划布局、编写 SVG、检查间距、保存文件、运行脚本生成 @2x PNG、向用户展示两个文件。
保存位置：若输入为文件，保存至 {inputFileDir}/diagram/；否则保存至 {projectDir}/diagram/{topic-slug}/，目录不存在时创建。
限制：除 Google Fonts 导入外不应有外部依赖；viewBox 需含 30px 内边距且不设固定宽高以保持响应式；根元素需包含 xmlns；中文标签需改用含中文字体的 font-family 并加大框宽。具体参考文件内容与脚本实现细节属未提供部分。