GitHub Trending、技術仕様の更新内容を公表
GitHub CopilotやClaude CodeなどのAIエージェント向けに、自己完結型のHTMLとSVGで構成された42種類の図表デザインが提供されました。Mermaidに頼らず、セマンティッ…

cathrynlaveryは、GitHub Copilot、Claude Code、Factory DroidなどのAIエージェントや開発ツール向けに最適化されたエディトリアル図表デザインライブラリ「diagram-design」をGitHubで公開しました。これはMermaidなどの外部依存を排除し、自己完結型のHTMLとSVGのみで42種類のダイアグラムを表現するフレームワークです。
最新バージョン2.5.10では、サンキーダイアグラム、フィッシュボーン、ワードリーマップ、かんばん、ユーザー体験、デプロイ図、依存関係グラフ、UMLクラス図、ストーリーマップ、データベーススキーマの10種類のレイアウトグラマーが追加されました。従来の手法と異なり、セマンティックなシステムパターンを採用することで、キュー、ポリシー、信頼境界といった振る舞いをレイアウトから分離して記述できる設計が特徴です。
本ライブラリは、シャドウ効果を排除したフラットなデザインを採用しており、静的な出力がデフォルトとなっています。バージョン2.3からは、オプションでアクセシブルなモーション機能が追加されましたが、AIエージェントによるコード生成やドキュメント埋め込みを前提としているため、外部スクリプトを読み込めない制約がある環境でもそのまま利用できる仕様です。



