Ui Ux Pro Max

• 既存のインターフェースをレビューまたは改善したい場合で、曖昧なアドバイスではなく、優先順位付きの実践的な提案を求めているとき。
• 複雑なワークフローのユーザーフローを設計している場合 — 複数ステップのフォーム、オンボーディングシーケンス、マスター・ディテールレイアウトなど — 構造化されたアプローチが必要なとき。
• コンポーネント階層、スペーシングルール、状態定義、使用ガイドラインを含むデザインシステムの構築または監査を行いたいとき。
• ローディング状態、空の状態、マイクロインタラクション、トランジションなど、インターフェースを素早く意図的に感じさせるUIの細部の洗練を実装しているとき。

• ビジュアルアセットの作成（アイコン、イラスト、モックアップ、または制作用デザインファイル）が必要な場合 — このスキルはガイダンスとコードレベルのパターンを提供するものであり、グラフィック出力物は提供しません。
• プラットフォーム固有のネイティブデザイン（例：SwiftUI ヒューマンインターフェイスガイドラインの詳細解説や Android Material 3 コンポーネントライブラリなど）を求めている場合 — 一般的なウェブ／アプリの UX 原則ではなく、それらに特化した情報が必要な場合。

このスキルは、段階的情報開示、フィードバックループ、エラー防止、想起よりも認識、一貫性といった基礎的な原則を、あなたの具体的なデザインコンテキストに直接適用します。抽象的な理論ではなく、あなたのユーザー、タスク、プラットフォームに即した具体的な意思決定を得ることができます。

ナビゲーションパターン（トップナビ、サイドバー、タブバー、パンくずリスト、コマンドパレット）、フォームパターン（シングルカラム、ウィザード、インライン編集）、データ表示パターン（テーブル、カードグリッド、リスト、ダッシュボード）を網羅し、それぞれの選択が適切な場面について明確なガイダンスを提供します。

ローディング状態（スケルトンスクリーン、楽観的UI）、空の状態、トランジション（継続時間、イージング、モーション値）、およびボタン押下フィードバック・トグルアニメーション・フォーム送信状態などのマイクロインタラクションに関する精密な実装仕様を Ui Ux Pro Max が提供します。

バリアント階層、サイズスケール、および完全なステート仕様（デフォルト、ホバー、アクティブ、フォーカス、無効、ローディング）を含む、構造化されたコンポーネント定義を生成します。ボタンシステムの例は、詳細のレベルを示しています：正確なピクセル値、不透明度ルール、および使用上の制約。

実践的な検証手法を収録しています：ページの明瞭さを確認する5秒テスト、視覚的階層を評価するスクワントテスト、キーボードナビゲーションを検証するタブテスト、そしてエラー状態テスト。これらの手法により、リリース前に問題を発見することができます。

設定ページが煩雑または整理されていないと感じる場合、このスキルは現在の構造を監査し、グルーピングやインタラクションの問題を特定した上で、自動保存機能・変更インジケーター・フィールドごとのリセットコントロールを備えたサイドバーナビゲーションレイアウトを推奨します。具体的なコンポーネントパターンも含まれており、Ui Ux Pro Max によって提供されます。

新しいアプリ機能やプロダクトに対して、Ui Ux Pro Max はステップごとに1つの主要アクションを持つ段階的なオンボーディングシーケンスを設計します。可視化されたプログレスインジケーター、スマートな事前入力デフォルト値、任意ステップの明確なラベル付け、そして総所要時間の目標を含み、エンジニアリングへのハンドオフにすぐに対応できる状態で提供します。

アプリのボタンやコールトゥアクションに一貫性がない場合、このスキルは完全なボタンシステムを生成します：4つのセマンティックバリアント（Primary、Secondary、Ghost、Destructive）、正確な寸法を持つ3つのサイズ階層、そして精密なビジュアル仕様を備えたすべての必要なインタラクション状態を含みます。

このスキルを使用して、キーボードナビゲーション、フォーカスリングの視認性、カラーコントラスト、モーション設定、スクリーンリーダーのサポートについてインターフェースを評価します。アクセシビリティを後付けではなく、UXの中核要件として扱います。このスキルは Ui Ux Pro Max によって提供されます。