用途:从 $ARGUMENTS 生成独立的 .html 架构图,采用深色主题与内联 SVG,便于在浏览器中直接打开。若用户需要 Mermaid、Excalidraw 或仅 SVG/PNG 输出,应改用其他方案;若节点、流向或信任边界过于模糊,先提一个简短澄清问题,仍不明确则列出缺失的架构事实,不自行编造。
主要能力:读取 $SKILL_DIR/assets/template.html 与 $SKILL_DIR/references/style.md;仅在示例与目标架构高度匹配时查看 $SKILL_DIR/examples/ 中最接近的文件;提取分层、节点、边、标签、信任边界与图例需求;在编辑前选择布局,请求流水线用从左到右,堆叠平台或区域边界用从上到下;解析输出路径,用户提供文件名则使用,否则在工作目录保存 descriptive-name-architecture.html;基于模板定制而非重建页面外壳;箭头置于组件之后,图例放在所有边界之外,图扩大时同步扩展 SVG viewBox;最终将 .html 写入磁盘。
返回内容:始终返回 HTML 文件路径、所选布局、应用的假设或澄清、以及是否检查了边界位置、图例位置与间距。
最终检查:图例位于每个区域、集群与安全边界之外;垂直间距避免组件或内联总线重叠;箭头不压在组件框上;组件颜色与语义类型一致;文件可在现代浏览器中直接打开。
限制:不适用于 Mermaid、Excalidraw 或仅 SVG/PNG 输出;架构信息不足时需澄清或列出缺失事实,不编造。