スキル自身の言葉で
UI/UX Pro Max は、Web、モバイル、デスクトップのインターフェース向けに検索可能なデザインインテリジェンススキルです。79 のスタイル(うち 50 がアクティブ)、推論プロファイル付きの 192 のプロダクトパレット、74 のフォントペアリング、119 の UX ガイドライン、105 のアイコン、17 の GSAP プリセット、25 のチャートタイプ、22 のテクノロジースタックを検索できます。ページのデザイン、カラーとタイポグラフィの選定、アクセシビリティと一貫性の観点での UI レビュー、ナビゲーションとアニメーションの実装、ユーザビリティの改善に活用できます。
package.json、pubspec.yaml、xcodeproj からスタックを自動検出し、セッションをまたいで再取得できるオプションの永続化機能付きでデザインシステムを生成します。3 つのデザインダイヤル(バリアンス、モーション、密度)で出力を調整します。このスキルは、UX、カラー、タイポグラフィ、アイコン、GSAP、スタック固有の実装ガイダンスに関するドメイン特化型の検索を提供します。
生成されるもの
- パターン、スタイル、カラー、タイポグラフィ、エフェクト、アンチパターンを含むデザインシステムを ASCII、Markdown、または JSON 形式で提供
- --page が指定された場合のページ固有の上書き用の design-system/project-slug/pages/page-name.md
- ドメイン特化型の結果(UX ガイドライン、カラーパレット、フォントペアリング、アイコン、GSAP プリセット、チャート推奨、スタック実装ガイダンス)
仕組み
- 01要件を分析する
プロダクトタイプ(SaaS、EC、ダッシュボード)、対象ユーザー、スタイルキーワード(プレイフル、ミニマル、ダークモード)を抽出し、package.json、pubspec.yaml、xcodeproj、または app.json からスタックを検出します。
- 02デザインシステムを生成する
新しいページやプロジェクトには --design-system を指定して search.py を実行します。
- 03マスターとオーバーライドとして永続化する
プロジェクトルートを指す --persist と --output-dir を追加し、design-system/project-slug/MASTER.md を書き出します。ページ固有の上書きは pages/page-name.md に記述します。
- 04ドメイン検索で補完する
意味のある 2〜5 個の用語と 1 つの制約を用いて、単一のドメイン(ux、color、typography、icons、gsap、chart、landing、google-fonts)を検索します。
- 05クエリスタックガイドライン
検出されたスタック(react、nextjs、vue、swiftui、flutterなど)に応じて --stack を使用すると、実装固有のガイダンスが得られます。
- 06配信前ルールを確認する
アプリUIを配信する前に、references/pro-rules.md を読み、アイコンの使い方、インタラクションのフィードバック、ライト/ダークモードのコントラスト、セーフエリアのレイアウト、ネイティブ/モバイルアプリUIのアクセシビリティを網羅した正式な配信前チェックリストを確認してください。