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.

Informações da origem

Repositório
skeletorflet/opencode-kit
Última atividade na origem
31 de março de 2026 às 18:16
Idioma detectado do SKILL.md
inglês
Estrelas
10
Forks
1

Opções de instalação

Por padrão, está selecionado o prompt que primeiro revisa a origem. Você pode mudar para um comando direto ou baixar uma cópia local.

Revise os arquivos de origem

Leia o SKILL.md e os arquivos complementares exibidos pelo SkillsMP antes de decidir se vai instalar.

Exibindo SKILL.md

SKILL.md
Instruções da origem · Visualização somente leitura
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.
Ver no GitHub