요구사항 명확화 스킬. 모호한 요청을 구체적인 스펙으로 변환. Plan Mode 진입 전 사용.
기능 개발 스킬. 타입 정의, Storage API, 비즈니스 로직. 코드 작성 시 사용.
프론트엔드 개발 스킬. React 컴포넌트, 커스텀 훅, Tailwind 스타일링. UI 작업 시 사용.
LinkHub 세션 마무리. 문서 업데이트 분석, 후속 작업 제안, 학습 내용 정리.
코드 리뷰 스킬. 버그, 보안, 성능, 가독성 체크. PR 리뷰, 자기 검토 시 사용.
검증 스킬. 빌드, 린트, 테스트 검증. 커밋/PR 전 필수 실행. AI가 스스로 코드를 검증하는 자체 검증 루프.
| name | task |
| description | 작업 오케스트레이션 스킬. 분석 → 구현 → 리뷰 → 커밋까지 전체 워크플로우 관리. 기능 개발, 버그 수정 등 모든 작업에 사용. |
통합 워크플로우 오케스트레이션. 작업 분석부터 Git 커밋까지 전체 사이클 관리.
/task "작업 설명"
│
├─ Phase 1: 분석
│ ├─ 요구사항 파악
│ ├─ 영향받는 파일 식별
│ ├─ 작업 타입 결정 (feat/fix/refactor)
│ └─ 브랜치 생성
│
├─ Phase 2: 구현
│ ├─ /developer 스킬 적용 (타입, 스토리지, 로직)
│ ├─ /frontend 스킬 적용 (UI, 컴포넌트)
│ └─ 기능 단위로 중간 커밋
│
├─ Phase 3: 리뷰
│ ├─ /reviewer 스킬 적용
│ ├─ [Critical] 이슈 → Phase 2로 돌아가 수정
│ ├─ [Major] 이슈 → Phase 2로 돌아가 수정
│ └─ [Minor] 이슈 → 선택적 수정
│
└─ Phase 4: 마무리
├─ /verify 실행
├─ 최종 커밋
└─ (선택) PR 생성 안내
| 타입 | 브랜치 접두사 | 설명 |
|---|---|---|
| 새 기능 | feat/ | 새로운 기능 추가 |
| 버그 수정 | fix/ | 버그 수정 |
| 리팩토링 | refactor/ | 코드 개선 (기능 변경 없음) |
| 문서 | docs/ | 문서 작성/수정 |
| 스타일 | style/ | 코드 포맷팅 |
| 테스트 | test/ | 테스트 추가/수정 |
git checkout -b {타입}/{kebab-case-설명}
# 예: feat/tag-filter, fix/search-bug
데이터/로직 먼저: /developer 스킬 적용
UI/컴포넌트: /frontend 스킬 적용
구현 중 의미 있는 단위마다 커밋:
git add <관련 파일들>
git commit -m "{타입}: {설명}"
커밋 메시지 규칙 (Conventional Commits):
feat: add tag filtering logic
feat: implement TagFilter component
fix: search not matching partial text
refactor: extract storage utilities
커밋 단위 기준:
구현 완료 후 자동으로 리뷰 수행:
| 우선순위 | 조치 |
|---|---|
| [Critical] | 반드시 수정 → Phase 2 |
| [Major] | 수정 권장 → Phase 2 |
| [Minor] | 선택적 수정 |
리뷰 → 이슈 발견 → 수정 (developer/frontend) → 재리뷰
이슈가 없거나 Minor만 남으면 Phase 4로 진행.
/verify 실행
├─ pnpm build # 빌드 확인
├─ pnpm lint # 린트 확인
└─ pnpm test:run # 테스트 확인
새 디렉토리 생성 또는 주요 변경 시 해당 디렉토리에 CLAUDE.md 작성.
git add .
git commit -m "{타입}: {전체 작업 요약}"
/task 태그 필터링 기능 추가
1. 분석
- 타입: feat (새 기능)
- 브랜치: feat/tag-filter
- 영향: src/shared/types/, src/popup/components/
- 스킬: developer → frontend
2. 구현
- /developer: 필터 로직, 타입 정의
- 커밋: "feat: add tag filter logic"
- /frontend: TagFilter.tsx 컴포넌트
- 커밋: "feat: implement TagFilter component"
3. 리뷰
- /reviewer 실행
- [Minor] 변수명 개선 제안
- 선택적 수정
4. 마무리
- /verify: 빌드/린트/테스트 통과
- 완료