ui-color-palette

Generate a full color palette with semantic mapping and accessibility checks.

항목	내용
Invoke	/ui-color-palette
argument-hint	[brand colors, mood, or requirements, e.g., '#3B82F6 primary blue, modern tech feel']

/ui-color-palette — 색상 팔레트 자동 생성#

한마디로#

브랜드 색이나 원하는 분위기를 알려주면, 화면 전체에 쓸 수 있는 완전한 색상 팔레트(밝은 색부터 어두운 색까지, 성공/오류 색까지)를 만들어줍니다.

누가·언제 쓰나요#

새 브랜드나 제품의 색상 시스템을 처음부터 만들 때
기존 색을 정리해서 일관된 팔레트와 사용 규칙을 갖추고 싶을 때
다크 모드나 데이터 시각화용 색까지 한 번에 준비하고 싶을 때

무엇을 해주나요#

입력한 색을 바탕으로 밝기 단계별 톤 스케일과 성공/경고/오류 등 의미별 색을 만듭니다.
글자-배경 색 조합의 대비(가독성)를 검사합니다.
다크 모드 색 매핑과 데이터 시각화용 색상까지 함께 정리해줍니다.

⚙️ 상세 옵션·실행 명세 (개발자 / AI 에이전트용)

/ui-color-palette#

Generate a comprehensive color palette.

Steps#

Base palette — Generate tonal scales from input colors using ui-color-system skill.
Semantic mapping — Map colors to semantic roles (success, error, etc.) using ui-color-system skill.
Accessibility check — Verify contrast ratios for all combinations using ui-color-system skill.
Dark mode — Create dark mode color mappings using ui-dark-mode skill.
Data viz — Define data visualization colors using ui-data-visualization skill.
Document — Output the complete palette with usage guidance.

Output#

Complete color system with tonal scales, semantic mapping, contrast matrix, dark mode mappings, and usage guidelines. Consider following up with /ui-design-screen to apply the palette.