ui-ux-pro-max-skill は何をしますか？
複数プラットフォーム対応のプロフェッショナルなUI/UX構築のためのAIデザインインテリジェンススキル。161の推論ルール、67のスタイル、自動化されたデザインシステム生成を備えています。
概要
このスキルは、AIエージェントがUI/UXデザインのベストプラクティスを適用し、一貫性のあるプロフェッショナルなデザインシステムを自動的に生成できるようにします。161の詳細な推論ルールにより、デザインの意思決定をガイドし、67の定義済みスタイルにより、さまざまなプラットフォームやコンテキストに適したビジュアル出力を提供します。
主な機能
- 自動デザインシステム生成: カラーパレット、タイポグラフィ、スペーシング、シャドウなど、一貫性のあるデザイントークンを自動生成します。
- クロスプラットフォーム対応: Web、モバイル（iOS/Android）、デスクトップ向けのUIコンポーネントとレイアウトを生成します。
- アクセシビリティ対応: WCAGガイドラインに準拠したコントラスト比、フォーカスインジケーター、ラベル付けなどを自動的に適用します。
- レスポンシブデザイン: ブレークポイント、グリッドシステム、フレキシブルコンポーネントを使用した適応型レイアウトを生成します。
- コンポーネントライブラリ: ボタン、フォーム、ナビゲーション、カード、モーダルなど、再利用可能なUIコンポーネントの包括的なセットを提供します。
使用方法
このスキルは、AIエージェント（Claude Code、Cursor、Codexなど）と組み合わせて使用します。以下のような自然言語の指示で起動できます。
「新しいプロジェクト用のデザインシステムを生成して」
「このランディングページのUI/UXを改善して」
「モバイルファーストのフォームコンポーネントを作成して」
設定
スキルはデフォルトで動作しますが、以下の環境変数で動作をカスタマイズできます。
UI_UX_PLATFORM- ターゲットプラットフォーム（web, mobile, desktop）UI_UX_STYLE_PRESET- スタイルプリセット（modern, minimal, corporate, playful）UI_UX_ACCESSIBILITY_LEVEL- アクセシビリティレベル（AA, AAA）
スキルの構造
ui-ux-pro-max-skill/
├── rules/ # 161の推論ルール
├── styles/ # 67のスタイル定義
├── tokens/ # デザイントークンテンプレート
├── components/ # UIコンポーネントテンプレート
└── docs/ # ドキュメンテーション
対応プラットフォーム
- Claude Code: 完全サポート
- Cursor: 完全サポート
- Codex: 完全サポート
- その他OpenAI互換エージェント: 制限付きサポート
ライセンス
MIT License