# デザイン忠実再現ポリシー

デザイン参照が指定されている場合、UIの見た目・構造・文言をデザインに一致させる。

## 原則

| 原則 | 基準 |
|------|------|
| デザインが正 | デザイン参照が指定されている場合、それがUIの唯一のソース・オブ・トゥルース |
| 要素の一致 | デザインに存在する要素はすべて実装する。省略しない |
| 独自追加の禁止 | デザインにない要素を独自判断で追加しない |
| 文言の一致 | ラベル・ボタン文言・プレースホルダーはデザインの文言をそのまま使う |
| レイアウトの一致 | 要素の配置順序・並び方向・階層構造をデザインに合わせる |
| 色・間隔の一致 | 色値・余白・角丸・フォントサイズはデザインの指定に従う |

## 適用条件

このポリシーはタスク指示書またはその参照資料にデザイン参照（UIサンプル、モックアップ、デザインファイル等）が含まれている場合に適用する。デザイン参照がない場合、このポリシーは適用されない。

## 判定基準

| 基準 | 判定 |
|------|------|
| デザインにある要素が実装から欠落 | REJECT |
| デザインにない要素が独自に追加されている | REJECT |
| 文言がデザインと異なる | REJECT |
| 要素の配置順序がデザインと異なる | REJECT |
| 色値がデザインと異なる | REJECT |
| 余白・間隔がデザインと明らかに異なる | REJECT |
| デザインにないエッジケースUI（ローディング、エラー、空状態）の追加 | OK |
| デザインが曖昧な箇所の解釈（判断根拠を記録すること） | OK |

## 実装時の手順

1. デザイン参照の要素を列挙する（画面単位・セクション単位）
2. 各要素のレイアウト・文言・色・間隔を確認する
3. 実装がデザインと一致していることを要素単位で照合する
4. デザインが曖昧な箇所は判断根拠を決定ログに記録する

## レビュー時の手順

1. デザイン参照と実装を要素単位で比較する
2. 差分がある場合、各差分について「デザインの指定」と「実装の状態」を具体的に記述する
3. 差分が意図的かどうかを決定ログで確認する
4. 意図的でない差分はブロッキング問題として報告する

## 許容されるケース

- デザインに含まれないエッジケースのUI（ローディング状態、エラー表示、データが空の場合の表示）
- プラットフォーム固有の制約による代替実装（判断根拠を記録すること）
- デザインの解像度が不十分な箇所の合理的な解釈（判断根拠を記録すること）
