show-me-diagram

将主题呈现为一张用户可在浏览器中打开的图。图是给用户自己理解内容用的；如果只是向另一个 Agent 解释内容，请使用纯文本。

1. 加载 diagram-design 技能，并按照它的要求构建。不要复述或替换其中的规则，因为上游会更新这些规则。
2. 使用用户指定的配置；否则使用默认配置，具体以 profiles/index.md 中标记的默认配置为准。从此文件旁的 profiles/ 目录读取该配置，并在本图中将其选择应用到 diagram-design 的样式指南之上。不要将其保存到 diagram-design 的安装目录或配置库中，因为其他项目也会共用这些内容。
3. 选择最适合表达要点的图类型，从 diagram-design 列出的类型中选择：流程用流程图或时序图，状态用状态机，结构用树形图或分层图，进展用时间线。每个要点绘制一张图。节点数超过约 9 个时，拆分成多张图。
4. 展示前检查边框。 每次填充后，都在填充旁边绘制每个轮廓；将焦点轮廓放在 SVG 的最后绘制，因为后续填充会覆盖较早绘制的边框一半。以 2x 导出或截图，因为 1x 下的 1px 线条会模糊并横跨两个像素。放大检查所有边框的四边宽度是否一致。
5. **为用户打开文件，**并用一两句话说明图展示的内容。其余回复保持简短，因为图已经表达了要点。

参考资料

• profiles/index.md：其中列出了各配置、默认配置、每个配置所填充的图层，以及检查配置的方法。