ui-ux-pro-max-skill
무엇인가
UI UX Pro Max는 Claude Code에 붙여 쓰는 AI 스킬로, 화면을 직접 그리는 대신 스타일·색상·서체·레이아웃 패턴 같은 설계 결정을 골라 준다. 코딩 에이전트의 디자인 결정 계층에 해당하며, 생성 모델의 기억이 아니라 큐레이션된 카탈로그에서 값을 검색해 채운다.
어떻게 동작하나
카탈로그는 styles.csv를 비롯한 CSV 데이터셋으로 저장되고, 각 스타일에는 안정적인 ID와 별칭이 붙는다. 검색은 BM25 랭킹으로 동작하며, 랜딩 페이지 구조는 34개 패턴 데이터셋으로 분리되어 시각 스타일과 같은 순위 경쟁을 하지 않는다. v2.0의 Design System Generator는 192개 산업별 추론 규칙을 적용해 권장 패턴, 스타일 우선순위, 컬러 무드, 타이포그래피 무드, 핵심 효과, 안티패턴을 산출한다. 서체 조합에는 Google Fonts 임포트가 포함된다.
무엇과 다른가
일반적인 접근은 모델에게 디자인 시스템을 즉석에서 생성하도록 요청하는 것이다. 이 도구는 그 자리를 검색 기반 선택으로 대체한다. 산업별 안티패턴이 규칙에 명시되어 있어(예: 금융에서 AI 보라·분홍 그라디언트 배제) 결과에서 특정 선택지를 구조적으로 제외한다. 스타일 카탈로그에는 출처 메타데이터가 함께 기록된다.
어떻게 쓰나
설치 경로는 Claude Code의 Claude Marketplace를 통한다. 설치 후에는 어시스턴트 안에서 스킬로 호출되고, CLI로 프로젝트 요구사항에 맞는 UI 규칙·패턴·로직을 생성한다. 스택별 가이드는 React, Next.js, Vue, Svelte, SwiftUI, Flutter, Jetpack Compose, HTML+Tailwind, shadcn/ui 등을 대상으로 한다.
전제와 한계
오픈소스 버전이 다루는 범위는 UI/UX 지능까지다. 브랜드 아이덴티티, 로고, CIP, 배너, 프레젠테이션 슬라이드, 아이콘 제작과 AI 이미지 생성 기반 실제 에셋 제작, 대규모 팀용 디자인 토큰 아키텍처, 우선 지원은 프리미엄 버전에만 있다. 스타일 카탈로그는 79개를 검색 대상으로 두지만 실제 활성 세트는 50개다.