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.

Informations de source

Dépôt
skeletorflet/opencode-kit
Dernière activité de la source
31 mars 2026 à 18:16
Langue détectée de SKILL.md
anglais
Étoiles
10
Forks
1

Options d'installation

Le prompt qui vérifie d'abord la source est sélectionné par défaut. Vous pouvez passer à une commande directe ou télécharger une copie locale.

Vérifiez les fichiers source

Lisez SKILL.md et les fichiers associés affichés par SkillsMP avant de décider de l'installer.

Affichage de SKILL.md

SKILL.md
Instructions source · Aperçu en lecture seule
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.
Voir sur GitHub