インターフェースデザイン

意図的な美的方向性、ユーザーフロー、コンポーネント階層、ビジュアルシステムを備えたUIを計画します。実装前に設計判断を確定させます。

使用する場面

• 新機能やページのUIを計画する
• ユーザーフローとインタラクションを設計する
• UI/UX判断を評価する
• ワイヤーフレームやコンポーネント階層を構築する
• ユーザーが「どのように見えるべきか?」または「XのベストなUXは?」と質問する場合

使用しない場面:

• 実装（react、mui、cssスキル）
• アクセシビリティ（a11y）
• バックエンドAPI（architecture-patterns）

クリティカルパターン

✅ 必須: 大胆な美的方向性にコミットする

UIコードを書く前に、明確な概念的方向性を定義し、それにコミットします。

## 美的方向性

**目的**: このインターフェースはどの問題を解決するのか？誰がそれを使うのか？
**ドメイン**: この製品の世界から引き出された5つ以上のコンセプト、メタファー、または語彙
**カラーワールド**: このドメインの物理的空間に自然に存在する5つ以上の色
**トーン**: 1つ選択 — 徹底的にミニマル、マキシマリスト、エディトリアル、ラグジュアリー、ブルータリ

...