DESIGN.mdとは

AIエージェントと人が共通で参照できるデザイン仕様書です。見た目だけでなく、どのルールをいつ使うかを記録します。

DESIGN.mdに書く項目

カラー、文字サイズ、余白、グリッド、ボタンの状態、モバイルの切り替え、アクセシビリティ要件を具体的にまとめます。

AIにDESIGN.mdを参照させる

作業前にファイルを読み、既存コンポーネントを優先し、例外が必要な場合は理由を報告するようプロンプトで指定します。

運用で更新する

UIレビュで繰り返し発生した判断をDESIGN.mdに追加し、コードと仕様のずれを防ぎます。