nextlevelbuilder/ui-ux-pro-max-skill

UI UX Pro Max – AI駆動のデザインアシスタント

何であるか – Claude、Cursor、Gemini、Copilotなど、AIコーディングアシスタントに追加できるオープンソースの「スキル」です。UIの設計を依頼すると、ローカルのPythonベースの検索＋推論エンジンが実行され、レイアウトパターン、ビジュアルスタイル、カラーパレット、タイポグラフィ、インタラクションエフェクト、および事前デリバリー確認リストを含む完全なデザインシステムを返します。

主な機能

• デザインシステムジェネレーター – 自然言語によるリクエスト（例：「私のビューティースパのランディングページを作成してください」）を受け取り、192の業界固有の推論ルールを使用して、実装可能な仕様を生成します。
• 79の検索可能なUIスタイル（50種類がアクティブ）：Glassmorphism、Neumorphism、Minimalismなど、それぞれに安定したIDが割り当てられています。
• 192のカラーパレットと74のフォントペアリングが、192の製品タイプカテゴリにマッピングされています。
• 22のテクノロジースタックガイド（React、Vue、Flutter、SwiftUIなど）：使用しているフレームワークに応じて推奨事項をカスタマイズします。
• 119のUXガイドライン：アクセシビリティ、レスポンシブブレークポイント、フォーカス状態、低モーション、テキストの耐障害性などに対応しています。
• CLIツール（ui-ux-pro-max-cli）：uiproコマンドをインストールします。uipro init --ai <assistant>で、プロジェクト単位またはグローバルに選択したAIアシスタントにスキルを追加できます。
• オフライン対応 – ランタイム依存はPython 3.xのみ。検索スクリプトは標準ライブラリのみを使用し、ネットワーク呼び出しは一切行いません。

動作方法（概要）

1. ユーザーのリクエスト – AIアシスタントにデザイン要件を入力します。
2. マルチドメイン検索 – 業界特化データセットに対して、製品タイプ、スタイル、カラーパレット、レイアウトパターン、タイポグラフィの5つの並列検索を実行します。
3. 推論エンジン – BM25ランキング、ルールベースマッチング、JSONエンコードされた意思決定ルールを適用し、最適なパターン、スタイル、カラーパレット、フォント、エフェクトを選定。アンチパターンもフィルタリングします。
4. 出力 – READMEに示されている構造化されたデザインシステムと、アクセシビリティおよび実装制約のチェックリストが生成されます。

ベーシック vs プレミアム

• リポジトリにはベーシック（オープンソース）版が提供されています：すべてのUI/UXインテリジェンス、スタイル検索、デザインシステム生成機能が含まれます。
• プレミアム版は、ブランドアイデンティティ資産、AI生成画像、より深いトークンアーキテクチャ、優先サポートを追加しますが、プロジェクトウェブサイトで別途販売されています。

誰が使うべきか

• UIトレンドを手動で調査せずに、迅速かつ一貫性のある設計仕様を得たいフロントエンド開発者。
• AI強化コーディングアシスタントを使用し、スキルを自動的に呼び出せるチーム。
• プロトタイプを構築する趣味の開発者で、業界に適した視覚的方針を素早く得たい人。

インストールのスナップショット

npm install -g ui-ux-pro-max-cli   # `uipro`コマンドをインストール
uipro init --ai claude            # Claude Code（または他の対応アシスタント）にスキルを追加

得られるもの – コードベース（HTML/CSS、Tailwind、Reactコンポーネント、Flutterウィジェットなど）にコピーできるテキストベースのデザインシステム。その後、実際のUIコードで実装を進めます。

---

すべての詳細はリポジトリのREADMEから直接取得されています。追加機能は推測されていません。