スキル: プロトタイプ&リサーチ
適切な忠実度レベルで作業をガイドし、検証を行います。
手順
workflows/prototyping.mdを読み込む(5段階の忠実度ラダー、ジャーニーマッピングテンプレート、ユーザビリティテストスクリプト、サンプルデータを含む)。- 現在のニーズを特定し、それに答える最小の忠実度を選択する — レベルをスキップしないこと:
- コンテンツファースト(情報要件) → ワイヤーフレーム(レイアウト/ナビ) → ローファイ(タスク完了) → ハイファイ(ビジュアル/a11y) → コード(実現可能性/パフォーマンス)。
- フローの場合:意思決定ポイント、エラーパス、エッジケースを含むユーザージャーニーマップを作成する。
- 検証の場合:スクリプトを使用してユーザビリティテスト(タスク、成功基準、5ユーザールール)を定義する。
- ハイファイ/コードの段階では、トークン(
tokens/*)、コンポーネント(components/*)、テイスト(taste/*)、a11y(accessibility/*)を読み込む。
出力
選択された忠実度のアーティファクト + 「次に何を検証するか」を明示した計画。
検証(完了宣言前)
- 忠実度が回答すべき質問に一致していること — レベルをスキップしていないこと。
- フローに意思決定ポイント、エラーパス、エッジケース(空、ローディング、オーバーフロー)が含まれていること(ハッピーパスのみではない)。
- 具体的な検証ステップが明示されていること(タスク + 成功基準)— 「後でテスト」ではない。
- ハイファイ/コードのアーティファクトが
design-codeと同じトークンとa11yの基準を満たしていること(ハードコードされた値がない、コントラスト、状態管理)。