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.
Source facts
- Repository
- skeletorflet/opencode-kit
- Last source activity
- March 31, 2026 at 18:16
- Detected SKILL.md language
- English
- Stars
- 9
- Forks
- 1
Install options
The review-first prompt is selected by default. You can switch to a direct command or download a local copy.
Review the source files
Read SKILL.md and any companion files shown by SkillsMP before deciding whether to install.
Showing SKILL.md
SKILL.md
Source instructions · Read-only preview- 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.
View on GitHub