Skip to main content

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.

Quellinformationen

Repository
skeletorflet/opencode-kit
Letzte Quellaktivität
31. März 2026 um 18:16
Erkannte Sprache von SKILL.md
Englisch
Sterne
9
Forks
1

Installationsoptionen

Standardmäßig ist der Prompt ausgewählt, der zuerst die Quelle prüft. Sie können zu einem direkten Befehl wechseln oder eine lokale Kopie herunterladen.

Quelldateien prüfen

Lesen Sie SKILL.md und alle von SkillsMP angezeigten Begleitdateien, bevor Sie sich für eine Installation entscheiden.

SKILL.md wird angezeigt

SKILL.md
Quellanweisungen · Schreibgeschützte Vorschau
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.
Auf GitHub ansehen