# insane-design 스킬 심층 분석 + 시스템 통합

## Lv.3 작업

## 분석 대상
- GitHub: https://github.com/fivetaku/insane-design
- ⚠️ 표면 요약 금지! 파일 단위까지 전수 분석 필수

## 분석 요구사항 (절대 요약하지 말 것)

### 1. 레포 전체 구조 분석
- 디렉토리 구조 전수 파악
- README.md 전문 분석
- SKILL.md (또는 동등 파일) 전문 분석
- 모든 설정 파일 확인

### 2. 코드 단위 분석
- 모든 스크립트/코드 파일을 열어서 로직 분석
- 핵심 함수/클래스/모듈 설명
- 의존성 (pip/npm 패키지) 목록
- 데이터 플로우 (입력 → 처리 → 출력)

### 3. 워크플로우 분석
- 사용자가 이 스킬을 어떻게 호출하는지
- 각 단계의 상세 흐름
- 입력: 무엇을 받는지 (URL? 스크린샷? 텍스트?)
- 출력: 무엇을 생성하는지 (코드? 디자인? 보고서?)
- 에러 핸들링 방식

### 4. 우리 시스템과 비교
- 우리 frontend-design 스킬과 교차 대조
- 중복되는 부분 / 우리에게 없는 부분 / 우리가 더 나은 부분
- canvas-design, satori-cardnews 등 관련 스킬과의 관계

### 5. 시스템 통합 설계
제이회장님의 사용 시나리오:
> "URL을 주면서 디자인 벤치마킹 해서 프론트엔드 구현해달라"

이 워크플로우를 구현하기 위한 설계:
1. 트리거: 제이회장님이 URL + "디자인 벤치마킹" 또는 "이 사이트처럼 만들어줘" 명령
2. 스킬이 해야 할 것: URL 접속 → 디자인 분석(레이아웃, 색상, 타이포, 컴포넌트) → 벤치마킹 보고서 → 프론트엔드 코드 생성
3. 우리 스킬 포맷으로 SKILL.md 작성 방안
4. 기존 스킬(frontend-design, webapp-testing/playwright)과 연동 방안
5. description CSO 최적화 (검색 키워드: 디자인 벤치마킹, URL 디자인 분석, 사이트 클론, 디자인 참고)

### 6. 도입 판정
- 전체 도입 / 부분 흡수 / 불필요 판정
- 도입 시 예상 공수
- 우선순위

## 주의
- 원본 레포를 반드시 클론하여 파일 단위 분석 (WebFetch로 README만 읽기 금지)
- "코드 존재" ≠ "완료". 시스템에서 실제로 쓸 수 있게 통합 설계까지 포함

## 산출물
- 분석 보고서: `/home/jay/workspace/memory/research/insane-design-analysis.md`
- 시스템 통합 설계: 보고서 내 섹션 5에 포함

## 보고서
`/home/jay/workspace/memory/reports/task-{TASK_ID}.md`