架构图生成 Skill

--- name: architecture-diagram description: 把一段架构描述转成可导出 PNG/SVG 的 Mermaid 图，支持深色/浅色主题。 --- # 架构图生成 Skill ## 触发条件 当用户用文字描述系统组件与关系、需要一张架构图（用于文档/评审/汇报）时触发。 ## 执行步骤 1. 梳理用户输入，识别：组件（服务/数据库/网关）、关系（调用/依赖/数据流）、边界（内/外网）。 2. 按 references/mermaid_syntax.md 选用 graph/flowchart/subgraph，输出合法 Mermaid 源码。 3. 提示用户用 Mermaid Live 或 CLI（mmdc）渲染导出 PNG/SVG。 4. 提供浅色与深色两套主题变量。 ## 依赖 渲染推荐安装 @mermaid-js/mermaid-cli（npx mmdc）；纯语法层面无依赖。