디자인 스타일 선택기

무엇을 해주나

• "어떤 느낌인지 말로는 못 하겠어요"라는 상황에서 비교 가능한 시각 시안 세트를 만들어 줍니다.
• 단순 변형이 아니라 2축 매트릭스로 생성합니다. 세로축은 색 강도 같은 단일 지표를 20/35/50/65/80처럼 큰 폭으로 올리고, 가로축은 데이터 중심·브랜드 중심·이미지 중심 등 조직 전략을 바꿉니다.
• 기존 UI·디자인 토큰·CSS 변수·컴포넌트명·브랜드 요소를 먼저 수집해 버리지 않고 진화시키는 방향으로 시안을 만듭니다.
• 색을 '많다/적다'가 아닌 역할 체계(구역 배경, 데이터 시각화, 브랜드/위험 강조, 중립 컴포넌트)로 설계합니다.
• 생성된 이미지를 스스로 열어 검토하고, 너무 심심함/너무 화려함/너무 평범함 등을 표시해 파일 경로와 판단 노트를 함께 제시합니다.
• 선택 후에는 픽셀이 아니라 원칙(색 역할, 레이아웃 밀도, 초점 위계)을 추출해 구현하고 렌더링 QA까지 이어갑니다.

이런 분께 추천

• 디자이너 없이 제품 UI 톤을 정해야 하는 개발자·1인 창업자
• 클라이언트가 "좀 더 세련되게"만 말하고 구체적 지시를 못 줄 때 곤란한 프리랜서
• 이미 운영 중인 디자인 시스템을 리셋하지 않고 점진적으로 개선하고 싶은 팀
• 랜딩 페이지, 대시보드, 발표 자료의 비주얼 방향을 빠르게 결정해야 하는 실무자

활용 예시

1. 색 강도 튜닝: "너무 알록달록해요"라는 피드백을 받았을 때, 색 예산을 20%부터 80%까지 5단계로 올린 시안 사다리를 만들어 사용자가 견딜 수 있는 상한선을 눈으로 확인합니다.
2. 디자인 시스템 진화: 기존 CSS 변수와 컴포넌트를 읽어낸 뒤, 그 어휘를 유지한 채 가로축으로 4가지 조직 전략(데이터 주도 / 브랜드 축 / 따뜻한 제품 이미지 / 거버넌스 레이아웃) 시안을 생성해 비교합니다.
3. 선택안 융합 구현: 사용자가 H02와 V04를 고르면 "색 배치는 H02, 팔레트 강도는 V04"처럼 각 시안의 기여를 명시해 합성한 뒤 실제 UI에 적용합니다.

클로드스킬마트에서 찾은 스킬을 설치해줘.
GitHub 저장소 daymade/claude-code-skills 의 design-style-picker 폴더를 내 ~/.claude/skills/design-style-picker/ 에 그대로 복사해줘.
설치가 끝나면 이 스킬로 무엇을 할 수 있는지 한 줄로 알려줘.