ui-design-principles
Installation
SKILL.md
UI Design Principles
UI/프론트엔드 코드 생성 시 디자이너가 따르는 기본 원칙을 적용합니다.
핵심 철학:
- AI가 만드는 "안전한 선택"을 피함 (Inter, 보라색 그라데이션, 흰 배경)
- 검증된 디자인 원칙으로 일관성 있는 UI 생성
- 규칙 기반으로 주관적 판단 최소화
1. 컬러 (60-30-10 Rule)
색상 비율을 균형 있게 배분:
| 비율 | 역할 | 적용 영역 | 예시 |
|---|---|---|---|
| 60% | Dominant (배경) | 배경, 주요 컨텐츠 영역 | 흰색, 연한 회색, 다크모드 시 #121212 |
| 30% | Secondary (보조) | 카드, 사이드바, 헤더 | 연한 브랜드색, 회색 계열 |
| 10% | Accent (강조) | CTA 버튼, 링크, 아이콘 | 브랜드 컬러, 포인트 컬러 |