UI UX Pro Max Skill — デザインシステム自動生成

**投稿者:** Tom Dörr (@tom_doerr)

**投稿日時:** 2026年2月2日 (Mon Feb 02 10:53:52 +0000 2026)

**URL:** https://x.com/tom_doerr/status/2018276677630005654

**エンゲージメント:** 4返信 / 165リポスト / 1,471いいね / 1,771ブックマーク / 258,530表示

**カテゴリ:** 🎨 デザイン / 🔧 ツール

**有益度:** ⭐⭐⭐ HIGH

---

概要

Generates design systems from project requirements

---

まとめ

**プロジェクト要件からデザインシステムを自動生成するAI Skill。**

主な機能（v2.0）：

#### Intelligent Design System Generation

ユーザーリクエスト（例：「美容スパのLP作って」）から：

1. **マルチドメイン検索** — 5つの並列検索

- 製品タイプマッチング（100カテゴリ）

- スタイル推奨（67スタイル）

- カラーパレット選択（96パレット）

- LPパターン（24パターン）

- タイポグラフィペアリング（57組み合わせ）

2. **推論エンジン** — BM25ランキング、アンチパターンフィルタ

3. **完全なデザインシステム出力** — パターン+スタイル+色+書体+エフェクト

出力例（Serenity Spa）：

PATTERN: Hero-Centric + Social Proof
STYLE: Soft UI Evolution
COLORS: Primary #E8B4B8 (Soft Pink), Secondary #A8D5BA (Sage Green)
TYPOGRAPHY: Cormorant Garamond / Montserrat
AVOID: Bright neon colors, Harsh animations, AI purple/pink gradients

収録内容：

• **67 UIスタイル** — Glassmorphism, Claymorphism, Brutalism, AI-Native UI等
• **96 カラーパレット** — 業界別
• **57 フォントペアリング** — Google Fonts対応
• **100 推論ルール** — Tech/SaaS, Finance, Healthcare, E-commerce等

活用：

• Claude Codeにインストールして「デザインシステム作って」と指示
• 非デザイナーでもプロ品質のUI設計が可能に

---

関連リンク

• [GitHub リポジトリ](https://github.com/nextlevelbuilder/ui-ux-pro-max-skill)
• [元ツイート](https://x.com/tom_doerr/status/2018276677630005654)