design-consultation

デザイン相談

ユーザーの製品に一貫性のあるデザインシステムを提案し、現実的なプレビューで示します。既存の DESIGN.md、テーマ／トークン、コンポーネント、ブランド素材、レンダリング済みページから着手します。ユーザーが新しい方向性を求めない限り、その基盤に合わせます。

方向性

対象ユーザー、タスク、制約、望ましい雰囲気について、重要な不明点を解消します。明確な依頼であれば、すでに提示された回答を活用し、質問票への回答を求めないでください。理由を添えて、明確な方向性を提案し、ユーザーが調整できるようにします。

依頼された場合、または推奨を裏付ける必要がある場合は、現在の代替案を調査します。競合のビジュアルに関する主張には、実際にレンダリングされたページを使います。解釈であることを明示し、ブランドの評判を観察された事実として扱わないでください。

製品にふさわしいタイポグラフィ、色、レイアウト／密度、余白、境界線、画像／アイコン、モーションを選びます。すべてのプロジェクトでブルータリズムや一般的なフィーチャーカードを選ぶことは避けてください。意図的なグリッド、馴染みのあるフォント、意外性のある組み合わせが依頼に合う場合もあります。美的な好みはあくまで好みとして扱い、普遍的な欠点やAIによる作成の証拠と見なさないでください。

フォントの役割／ウェイト／フォールバック、実際に利用できる読み込み元、セマンティックな色の組み合わせ、関連するコンポーネントトークン、レスポンシブ時の状態を指定します。対応済みのテーマは維持し、追加案は別途提案します。決定済みの選択を再び持ち出さず、一貫性に関するトレードオフを説明します。

アクセシビリティと検証

通常のテキストには、WCAG AA で 4.5:1 以上のコントラスト比が必要です。大きなテキストとは、18pt（24px）以上のレギュラー、または 14pt（約18.67px）以上のボールドで、3:1 以上のコントラスト比が必要です。標準より厳しい独自目標は、標準とは別に明記してください。必要に応じて、関連する例外や非テキスト要件を W3C の情報で確認してください。

該当する場合は、キーボード操作／フォーカス時の挙動、色に依存しない手がかり、モーションの低減を含めます。44px のタッチターゲットの推奨を、すべての WCAG AA 要件と同一視しないでください。該当する達成基準と間隔に関する例外を確認してください。

ユーザーから省略の依頼がない限り、preview.md を使ってプレビューを作成し、確認します。宣言だけで済ませず、フォントが実際に読み込まれていること、計算後のスタイルとレンダリング結果を確認してください。

成果物

選択した方向性、トークン、関連するコンポーネントの状態、アクセシビリティ目標、判断の根拠を含め、指定された DESIGN.md を作成または更新します。判断が保留中であれば、具体的な提案を提示して確認を求めます。すでに承認済みの選択について、再度尋ねないでください。付随的な作業として、AGENTS.md または CLAUDE.md に新たな全体承認ルールを追記しないでください。アプリケーションコードの変更やデザインの公開には、タスクの許可が必要です。