Diagram Design は Claude Code や Codex、Pi で使うスキルで、成果物はインライン SVG を含む自己完結の HTML ファイル一つです。意味のパターンをレイアウトと切り離してあるため、キューやポリシーの追跡、信頼境界のような図も既存の型を使い回して描けます。既定は静止画で、順序のある説明にだけ動きを足せます。draw.io や Mermaid のソースを、指定した形式・サイズ・詳細度で描き直すこともできます。
美意識のルールが外部のスタイルガイドではなくスキル本体に入っています。強調色は最初に見てほしい一つか二つだけに使い、密度は10点満点で4点を目安にし、すべてのノードに存在理由を求めます。作者は構成図を頼むたびにサイトの雰囲気と合わない角丸の箱が返ってきたので自分で作った、と書いています。ライセンスは MIT です。
