DESIGN.md：デザインシステムの見た目を、コーディングエージェントが読める1ファイルに落とす仕様

用途

• 文章の手直し
• AIコーディング

何ができるか

色・タイポ・角丸・コンポーネントなどをYAMLトークンと、なぜその値かの説明文で書く DESIGN.md 形式。エージェントがUIを実装するときの共通の見た目の根拠になる。Lintや差分比較のツールも同梱。

向いている用途

• AIにUIを作らせる前にデザイン制約を固定する
• デザインシステムのドキュメントを機械可読にする

実際の使われ方（活用事例）

事例未収集：出典を確認できる活用事例をまだ集められていません。見つかり次第追加します。

導入の手軽さ

●●●●● とても手軽 — 仕様に沿って DESIGN.md を書き、npm の検証ツールでチェックできる。

npm install @google/design.md

※ 代表的な導入コマンドの例です。最新の手順は公式ドキュメントを確認してください。

ライセンス

Apache License 2.0（SPDX: Apache-2.0）。利用・改変・再配布が自由（著作権表示・ライセンス文の同梱、変更点の明示が必要）。特許の利用許諾も含む。

ライセンスの説明は要点のみです。利用前にリポジトリのLICENSEファイル原文を確認してください。

リポジトリ情報