🎨 AIコーディングツールのためのデザインインテリジェンススキル > UI UX Pro Max これはClaude Code、Codex、Cursor、Antigravityなどの主要なAIコーディングツールと連携するデザインの専門知識です。 「SaaS製品のランディングページを作成してください」といった自然な言葉で尋ねると、自動的にプロジェクト全体のデザインシステムが作成されます。 このプロジェクトのv2.0で重要な部分はデザインシステムジェネレーターです。 ユーザーのリクエストを分析し、同時に5つの領域を探求し、推論エンジンが最適な組み合わせを見つけます。 - 161の業界カテゴリー(SaaS、フィンテック、ヘルスケア、eコマースなど)をマッチング - 67 UIスタイルの推奨(グラスモルフィズム、ブルータリズム、ニューモルフィズムなど) - 業界特化した161カラーパレットから選択 - 24のランディングページパターンを分析 - 57のタイポグラフィペアリングに合わせる ↓ 論理ルールは本当によく設計されています! 各業界には明確な推奨パターン、スタイルの優先順位、色ムード、タイポグラフィムード、キー効果、そして「やってはいけないこと(アンチパターン)」があります。 例えば、銀行アプリには「AIの紫/ピンクのグラデーション禁止」やスパのウェブサイトには「ダークモード禁止」のようなルールがあります。 その結果生まれたデザインシステムには、パターン、スタイル、色、タイポグラフィ、エフェクト、そしてSVGアイコン、要素クリック用のカーソルポインター、キーボードのフォーカスなどを見逃さないようにするための事前チェックリストが含まれています。...