bmad-ux-design

UX ブループリントスキル

呼び出すタイミング

ユーザーが次のようにした場合、自動的に有効化します：

• 「UI はどのような見た目にすべきですか？」「UX を設計してください」と言う
• 「ユーザーはどのように操作しますか？」「ユーザーフローは？」と尋ねる
• 「ワイヤーフレーム」「ユーザー体験」「インターフェース設計」に言及する
• UI の比重が高い機能（レベル 2～4）を含む PRD がある
• UX、UI、デザイン、ワイヤーフレーム、インターフェース、ユーザビリティなどの言葉を使う

具体的なトリガーフレーズ：

• 「UI はどのような見た目にすべきですか？」
• 「[feature] の UX を設計してください」
• 「ワイヤーフレームを作成してください」
• 「[feature] のユーザー体験」
• 「インターフェース設計」
• 「[scenario] のユーザーフロー」

次の場合は呼び出さないでください：

• プロジェクトに UI／インターフェースがない（バックエンドのみ）
• PRD の準備ができていない（先に bmad-product-planning を使用）
• UX 仕様がすでにある（アーキテクチャまたはストーリーに進む）

ミッション

BMAD の要件に沿ったユーザー体験を設計し、フロー、インタラクション状態、検証計画を文書化して、アーキテクチャ、デリバリー、開発を円滑に進めます。

必要な入力

• prd_sections：ユーザージャーニー、機能要件、制約
• architecture_notes：UX に影響する技術的またはプラットフォーム上の制限
• brand_guidelines：アクセシビリティ、トーン、対象デバイス、またはビジュアル基準

出力

• ユーザーフロー（assets/user-flows-template.md.template を使用）
• ワイヤーフレーム（assets/wireframes-template.md.template を使用）
• デザインシステム（assets/design-system-template.md.template を使用）
• PRD およびストーリーに関連付けた UX 要件チェックリスト
• 品質保証との連携に向けた検証計画（ユーザビリティまたは実験）

テンプレートの場所： .claude/skills/bmad-ux-design/assets/*.template

プロセス

1. CHECKLIST.md で前提条件を確認します。
2. 設計が必要なペルソナ、シナリオ、画面を明確にします。
3. 情報アーキテクチャ、フロー、状態図を作成します。
4. 要件に関連付けたコンポーネント仕様とコンテンツルールを文書化します。
5. 検証方法（テスト、計測、成功の指標）を定義し、デリバリー計画および品質保証のスキルと共有します。

自動化に関する注記： このスキルは現在、テンプレートを使用した共同デザインの対話を通じて機能します。自動化スクリプトは必要ありません。ワイヤーフレームやデザイン成果物は、assets/ のテンプレートを使用して手動で作成します。今後の自動化ロードマップについては scripts/README.md を参照してください。

品質ゲート

すべての UX の判断が要件または制約に基づいていることを確認します。引き継ぎの前に CHECKLIST.md を実行します。

エラー処理

• 要件が矛盾している、または不足している場合は、設計の前に確認を求めます。
• ユーザー体験に影響する技術的な制限を明示し、アーキテクチャ設計にフィードバックします。
• 制約によって理想的な UX を実現できない場合は、代替案を提示します。