本地架构图引擎

解决传统绘图的痛点

在软件工程中，绘制架构图往往面临两难：使用在线绘图工具存在数据隐私泄露风险，且难以将内部服务细节准确表达；而手写 SVG 或 Mermaid 代码则极易出现文字压线、节点重叠、坐标冲突等低级排版错误，后期调整成本极高。

四层架构与工作流

该技能采用纯本地、零外部依赖的四层设计模型（语义层、护栏层、模板层、生成层），确保数据不出本机的同时，输出符合工程规范的图表。

核心工作流分为六个严谨的步骤：

• 澄清意图：在输出形态（自包含 HTML、内联 SVG 或 Mermaid）和图类型上通过不超过 3 个选项快速对齐。
• 语义规划与坐标预演：严格遵循“三不变式”，并在编写代码前强制执行 Mental Sandbox。它要求先以纯文本输出 画布 680×420 的坐标规划，排除冲突后再落笔。
• 能力预检与轨道选择：根据图表类型选择最佳输出轨道。
• 生成与自检：HTML 轨道基于暖色极简模板（零 CDN 依赖）；SVG 轨道通过 CSS 类 复用以降低 token 消耗。输出前逐条核对防压字、箭头避让等硬性规则。

适用边界与限制

此技能专注于结构化图表（如分层架构、网络拓扑、数据流、ER 图等），节点建议控制在 20 个以内以保证可读性。

它明确不支持统计图（饼/柱/折线）、3D/地图、思维导图及 PNG/PDF 直出。遇到不支持的类型，系统会主动说明原因并提供替代方案，而非强行绘制。此外，所有文件读取严格限制在当前工作区，超出范围或未显式指定的输入将被拒绝。