作業の進め方
Design Flow は、関連するデザイナー向けスキルを定められた順序で実行します。確認の質問から始め、ブリーフを記録し、情報設計を行い、トークンを整備して、ブリーフを実装可能なタスクに変えます。その後フロントエンドの実装がタスクリストに従います。各段階には明確な成果物があり、次へ進む際にはデザイナーが確認します。
ソースは再開可能なワークフローとして設計されています。機能ごとの成果物を .design フォルダー配下にまとめ、次の未完了段階から続けられます。デザインレビューは、何かを構築した後に別途依頼して行う工程です。一連の段階を終えただけで、視覚レビューに合格したことにはなりません。
想定される成果物
- 必要に応じた、機能別のブリーフ・情報設計・トークンの成果物。
- フロントエンド実装で従う、順序付きの TASKS.md チェックリスト。
- 実装段階で構築したコンポーネントとページ、および再開に利用できる保存済みの計画成果物。
ブリーフからレビューまで
- 01必要な段階を選ぶ
全体の順序を説明し、省略できる段階を特定します。既存トークンがある場合や単一コンポーネントだけを扱う場合は、不要な作業を省けます。
- 02設計意図を明確にして保存する
該当する関連スキルを省略せず実行し、ブリーフと情報設計を同じ機能フォルダー内に保存します。各段階を確認してから次へ進みます。
- 03意図を実装に変える
トークンを生成または拡張し、タスクリストを作成して、実装単位ごとに進めます。完了したタスクにチェックを入れ、タスク間で確認します。
- 04依頼があればレビューする
構築済みの画面があり、レビューが依頼された場合にのみ、別の design-review スキルを実行します。スクリーンショットと指摘は、その機能の他の成果物と一緒に保管します。