Diagram Design 是給 Claude Code、Codex 與 Pi 使用的技能，產出是一份自帶樣式的 HTML 檔案，SVG 直接內嵌其中。語意模式與排版分開描述，因此佇列、政策追蹤、信任邊界這類圖會沿用既有的視覺型別，而不是再多加一種。預設輸出是靜態的，只有講究順序的說明才選擇性加上動態。它也能把 draw.io 或 Mermaid 的原始檔按指定格式、尺寸與詳略程度重畫。
美感規則寫進了技能本身，而不是擺在一旁的風格指南：強調色只留給讀者最該先看的一兩處，密度目標是十分之四，每個節點都要證明自己該在那裡。作者說他每次請助理畫架構草圖，回來的都是和網站風格毫不相干的圓角方塊，於是自己動手做了一個。專案採用 MIT 授權。
