# task-743.1: UI UX Pro Max 스킬 설치 + frontend-design 스킬과 병합 최적화

## 목표
1. UI UX Pro Max 스킬을 설치하고 분석
2. 기존 frontend-design 스킬과 장단점 비교
3. 두 스킬의 장점을 극대화하여 병합 가능하면 하나의 통합 스킬로 합치기
4. 병합이 어려우면 두 스킬이 보완적으로 동작하도록 설정

## UI UX Pro Max 정보
- GitHub: https://github.com/nextlevelbuilder/ui-ux-pro-max-skill
- 공식 사이트: https://ui-ux-pro-max-skill.nextlevelbuilder.io/
- 특징: 50+ 스타일, 161 컬러 팔레트, 57 폰트 조합, 161 프로덕트 타입, 99 UX 가이드라인, 25 차트 타입, 10개 스택 지원
- SKILL.md 위치: `.claude/skills/ui-ux-pro-max/SKILL.md` (GitHub 레포 구조 참고)

## 기존 frontend-design 스킬
- 위치: `/home/jay/.claude/.agents/skills/frontend-design/SKILL.md`
- 심볼릭: `/home/jay/.claude/skills/frontend-design/`
- 특징: 디자인 씽킹 기반, 미학적 방향 설정 (brutalist, maximalist, minimalist 등), 타이포그래피/색상/모션/공간 구성 가이드라인, "AI slop" 방지

## 작업 순서

### Phase 1: UI UX Pro Max 설치 + 분석
1. GitHub 레포 클론 또는 SKILL.md 다운로드
```bash
# GitHub에서 SKILL.md 가져오기
cd /tmp && git clone https://github.com/nextlevelbuilder/ui-ux-pro-max-skill.git
```
2. 스킬 구조 분석: SKILL.md 전문 읽기, 설정 파일 확인
3. 설치: `/home/jay/.claude/skills/ui-ux-pro-max/` 에 배치

### Phase 2: 두 스킬 비교 분석
기존 `frontend-design` SKILL.md 위치: `/home/jay/.claude/.agents/skills/frontend-design/SKILL.md`

비교 항목:
- **트리거 조건**: 어떤 상황에서 각 스킬이 활성화되는가
- **디자인 철학**: 미학적 접근 차이
- **구체적 자산**: 컬러 팔레트, 폰트, 레이아웃 가이드
- **스택 지원**: React, Next.js, Vue 등
- **UX 가이드라인**: 접근성, 반응형, 인터랙션
- **겹치는 부분 vs 고유한 부분**

### Phase 3: 병합 또는 보완 설정
**병합 가능한 경우:**
- 두 SKILL.md를 하나의 통합 SKILL.md로 합침
- frontend-design의 "디자인 씽킹 + AI slop 방지" + UI UX Pro Max의 "161 팔레트 + 99 UX 가이드라인 + 10스택"
- 통합 스킬명: `frontend-design` (기존명 유지)
- 기존 frontend-design SKILL.md를 백업 후 교체
- 통합 후 기존 ui-ux-pro-max 스킬 폴더는 제거 (중복 방지)

**병합 어려운 경우:**
- 두 스킬의 트리거 조건 분리 (겹침 방지)
- frontend-design: 디자인 방향 설정 + 미학적 기준
- ui-ux-pro-max: 구체적 스택별 구현 + 팔레트/폰트 자동 선택
- 상호 참조 설정

### Phase 4: 검증
- 통합/설치된 스킬이 Claude Code에서 정상 인식되는지 확인
- SKILL.md 문법 오류 없는지 확인
- 트리거 키워드 충돌 없는지 확인

## 핵심 원칙
- **장점 극대화**: frontend-design의 "의도적 디자인 + AI slop 방지"와 UI UX Pro Max의 "구체적 자산(팔레트/폰트/가이드라인)" 모두 살려야 함
- **중복 제거**: 동일한 내용이 두 스킬에 중복되면 안 됨
- **우리 시스템에 맞게**: InsuWiki, InsuRo 등 우리 프로젝트에 최적화된 설정 추가 검토

## 참고
- 스킬 설치 경로: `/home/jay/.claude/skills/`
- 기존 스킬 목록: frontend-design, canvas-design, webapp-testing 등 47개