nextlevelbuilder/ui-ux-pro-max-skill

解決する課題

UI UX Pro Maxは、AIアシスタントにデザインインテリジェンスを提供し、さまざまなプラットフォームやフレームワークでプロフェッショナルなUI/UXを構築できるようにします。これは、業界固有のデザイン基準、アクセシビリティ、専門的な美的一貫性に欠けるAI生成インターフェースの問題を解決します。

仕組み

このプロジェクトは、さまざまなAIコーディングアシスタント（Claude Code、Cursor、Windsurfなど）に統合できる「AIスキル」として機能します。推論エンジンと包括的なデザインルールのデータセットを使用して、AIの出力をガイドします。

主なコンポーネントは以下の通りです：

• デザインシステムジェネレーター (Design System Generator)：プロジェクトの要件を分析し、カスタマイズされたデザインシステム（パターン、スタイル、色、タイポグラフィ）を生成するAI駆動エンジン。
• マルチドメイン検索 (Multi-Domain Search)：192の製品カテゴリ、79のUIスタイル、192のカラーパレット、74のフォントペアリングを並列検索し、ユーザーの要求に最適なマッチングを見つけるシステム。
• 推論エンジン (Reasoning Engine)：BM25ランキングとJSONベースの決定ルールを適用し、アンチパターンをフィルタリングして、製品タイプとUIカテゴリのルールを照合します。

対象ユーザー

専門的なデザイナーでなくても、高品質で本番環境に対応したユーザーインターフェースを生成したい、AIコーディングアシスタントを使用する開発者やデザイナー。

ハイライト

• 広範なデザインライブラリ：79の検索可能なUIスタイル（例：Glassmorphism、Bento Grid）、192のカラーパレット、74のフォントペアリングが含まれています。
• 業界固有のルール：Tech & SaaS、金融、ヘルスケア、Eコマースなどのカテゴリに合わせた192の推論ルール。
• 幅広いフレームワークサポート：React、Next.js、Tailwind、SwiftUI、Flutterを含む22の技術スタック向けのガイドライン。
• UXベストプラクティス：アクセシビリティ、柔軟なテキストレイアウト、インタラクションのタイミングを網羅した119のUXガイドライン。
• 簡単な統合：npm CLIまたはClaude Marketplace経由でインストール可能で、幅広いAIエージェントに対応しています。