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.

소스 정보

저장소
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에서 보기