レシピ
そのまま使える作業目的
目的と制約を保ったまま、ドメインと画面を自分の製品に合わせて書き換えてください。
01
ブランド文脈を始める
新規プロジェクト、または DESIGN.md がない場合忙しい保護者向け食事計画アプリのデザインシステムを設定して。verified_v2 リファレンスを推薦し、差分を説明して、DESIGN.md を書く前に確認して。結果
- リファレンス推薦
- DESIGN.md 提案
- エージェント接続ファイル
スキル
omd:initomd:sync02
新しい画面を出荷する
ページやフローを完成させる場合決済完了フローを成功・失敗・部分成功の状態で作って。DESIGN.md と既存コンポーネントを使い、アクセシビリティを検証して。結果
- ユーザージャーニー
- 動作するUI
- 主要状態の網羅
- 検証サマリー
スキル
omd:harnessomd:applyomd:final-qa03
既存ページを改善する
動くが製品らしさが弱い UIこのダッシュボードで、製品の根拠なく繰り返される UI パターン、階層、密度、モーション、アクセシビリティを確認して。挙動を保ち、影響の大きい修正から適用して差分を示して。結果
- 優先順位付きの指摘
- 焦点を絞ったパッチ
- 変更前後の根拠
スキル
omd:slop-auditomd:feelomd:designer-review04
好みの修正を記録する
エージェントに好みを教える場合CTA に大文字は使わない。この好みをプロジェクトに記録し、ボタンの動作は変えずに現在の画面を修正して。結果
- 保留中の好み
- 範囲付きUI修正
- DESIGN.md 反映提案
スキル
omd:rememberomd:learnomd:taste