洗練されたインターフェースのための完全なUI/UXデザインインテリジェンス — インタラクションパターン、デザインシステム、ユーザーフロー、アクセシビリティを網羅。
npx clawhub@latest install ui-ux-pro-maxUi Ux Pro Max は、洗練されたプロダクション品質のインターフェースを構築するための戦略的思考と実践的な実装ガイダンスの両方を提供する、総合的なデザインインテリジェンススキルです。インタラクションデザイン、ユーザーフロー、コンポーネントパターン、デザインシステム、アクセシビリティ、マイクロインタラクションをカバーしています。わかりにくい設定ページのリデザイン、オンボーディングフローの構築、一貫したボタン階層の確立など、あらゆる場面でこのスキルが原則に基づいた意思決定と具体的なアウトプットをサポートします。
このスキルは、段階的情報開示、フィードバックループ、エラー防止、想起よりも認識、一貫性といった基礎的な原則を、あなたの具体的なデザインコンテキストに直接適用します。抽象的な理論ではなく、あなたのユーザー、タスク、プラットフォームに即した具体的な意思決定を得ることができます。
ナビゲーションパターン(トップナビ、サイドバー、タブバー、パンくずリスト、コマンドパレット)、フォームパターン(シングルカラム、ウィザード、インライン編集)、データ表示パターン(テーブル、カードグリッド、リスト、ダッシュボード)を網羅し、それぞれの選択が適切な場面について明確なガイダンスを提供します。
ローディング状態(スケルトンスクリーン、楽観的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 によって提供されます。
npx clawhub@latest install ui-ux-pro-maxnpx clawhub@latest install ui-ux-pro-maxレビューを書くにはログイン
まだレビューはありません。最初の体験をシェアしましょう!