ui-ux-pro-max
Professional UI/UX design system with 50+ visual styles, 21 color palettes, and design decision frameworks. Use for creating distinctive, non-generic UI designs.
ソース情報
- リポジトリ
- skeletorflet/opencode-kit
- ソースの最終更新活動
- 2026年3月31日 18:16
- 検出された SKILL.md の言語
- 英語
- スター
- 10
- フォーク
- 1
インストール方法
デフォルトでは、最初にソースを確認する Prompt が選択されています。直接コマンドに切り替えるか、ローカルコピーをダウンロードすることもできます。
ソースファイルを確認
インストールを決める前に、SKILL.md と SkillsMP に表示されている付属ファイルをお読みください。
SKILL.md を表示中
SKILL.md
ソースの指示 · 読み取り専用プレビュー- name
- ui-ux-pro-max
- description
- Professional UI/UX design system with 50+ visual styles, 21 color palettes, and design decision frameworks. Use for creating distinctive, non-generic UI designs.
- license
- MIT
- compatibility
- opencode
- metadata
- {"audience":"designers","category":"frontend"}
# UI/UX Pro Max
## What I Do
- Provide 50+ distinct visual styles beyond generic SaaS templates
- Offer 21 curated color palettes mapped to emotions and industries
- Guide design decisions with constraint-based frameworks
- Ensure designs are memorable, not template-like
- Apply anti-cliché rules to avoid AI design patterns
## When to Use Me
- Creating distinctive UI designs
- Choosing visual styles and palettes
- Avoiding generic/template-like designs
- Making design system decisions
- Creating unique brand identities
## Key Principles
1. **No Purple**: Purple/indigo/violet is the #1 AI design cliché
2. **No Standard Split**: Avoid 50/50 hero layouts
3. **Extreme Geometry**: Go sharp (0-2px) or very rounded (16-32px), never middle
4. **Animation Required**: Static designs fail. Use GPU-accelerated transforms
5. **Emotion Mapping**: Colors and typography must match intended emotion
## Visual Styles (50+)
| Style | Geometry | Colors | Typography | Vibe |
|-------|----------|--------|------------|------|
| Brutalist | Sharp 0px | High contrast black/white | Monospace | Raw, bold |
| Swiss Punk | Grid-based | Primary colors | Helvetica | Clean, structured |
| Neo-Retro | Mixed | Warm tones | Serif + Sans | Nostalgic |
| Liquid Digital | Organic | Gradients | Rounded sans | Fluid |
| Bauhaus Remix | Geometric | Primary + accent | Geometric sans | Artistic |
## Color Palettes (21)
| Palette | Colors | Use Case | Emotion |
|---------|--------|----------|---------|
| Signal | Red #FF3B30 + Black + White | Alerts, power brands | Urgency |
| Acid | Lime #39FF14 + Dark | Tech, crypto | Energy |
| Ocean Deep | Navy #0A192F + Gold | Finance, luxury | Trust |
| Earth | Forest Green + Sand | Organic, wellness | Calm |
| Monochrome | Black + White + Gray | Minimal, editorial | Sophistication |
## Anti-Cliché Rules
- ❌ No mesh/aurora gradients
- ❌ No glassmorphism as default
- ❌ No bento grids for simple content
- ❌ No deep cyan/fintech blue
- ❌ No "Empower/Elevate/Seamless" copy
- ❌ No 6-8px border-radius default
## Validation
Ask: "Would this exist in a Tailwind UI template?" If yes, redesign.
GitHubで見る