注目★★★★★GitHub Trending
39種の図を生成するClaude Code向けdiagram-design 2.5.10
30秒で把握
- 1diagram-design 2.5.10が39種類のエディトリアル図を生成
- 2SankeyやUML classなど10種類を追加しHTML + SVGで提供
- 3Claude CodeやCodexでブランド適用とMermaid変換に対応
要約
cathrynlavery/diagram-designは、Claude CodeやCodexなどで39種類のエディトリアル図を生成するAgent Skill 2.5.10を公開した。出力は自己完結型のHTML + SVGで、静的表示が標準となる。新たにSankey、fishbone、Wardley map、kanban、UML class、database schemaなど10種類を追加した。Webサイトから色とフォントを抽出してブランドに合わせ、draw.ioやMermaidの図も指定サイズ・詳細度で描き直せる。各図にはlight、dark、full-editorialの3 variantsがあり、ビルド手順、JavaScript、外部画像依存なしで閲覧できる。
あなたへの影響
Claude Code、Codex、Piなどで図を作る日本のエンジニアは、既存のMermaidやdraw.io資産を変換できるか、ブランド設定とアクセシビリティ要件を次スプリントで検証するとよい。
推奨：Agent SkillはAIホストから呼び出せる再利用可能な指示・テンプレート群を指す。