Diagram Design 是给 Claude Code、Codex 和 Pi 用的技能，产出是一份自带样式的 HTML 文件，SVG 直接内联在里面。语义模式与排布分开描述，所以队列、策略追踪、信任边界这类图会复用已有的视觉类型，而不是再加一种。默认输出是静态的，只有讲顺序的说明才可选加上动效。它也能把 draw.io 或 Mermaid 的源文件按指定格式、尺寸和详略程度重画。
审美规则被写进了技能本身，而不是放在一旁的风格指南里：强调色只留给读者最先该看的一两处，密度目标是十分之四，每个节点都要证明自己该在那里。作者说，他每次让助手画架构草图，回来的都是和站点风格毫不相干的圆角方块，于是自己动手做了一个。项目采用 MIT 协议。
