動作フロー
- •
.steering/requirements.mdを読み込み、今回の作業で必要な画面と要素を特定する - •ユーザーの行動フローを Mermaid (graph TD) 形式で記述し、
prototypes/userflow.mdとして保存する - •各主要画面のレイアウトを ExcalidrawのJSONスキーマに従い 作成し、(ボタン、入力欄、ナビゲーションを明示)
prototypes/wirefreame.excalidrawとして保存する - •要求事項の漏れがないかチェックを行う
遵守事項
- •装飾は不要。要素の配置と情報の優先順位に集中すること
- •UXチェック: 生成後、ユーザービリティ・ヒューリスティクス等の観点から、改善案を2点提示すること
- •承認を得るまで、React等のコード実装には絶対に進まないこと
完了時のメッセージ
text
「低忠実度ワイヤーフレームを `./prototypes` に作成しました。 遷移図と各画面のレイアウトを確認してください。」