component-flow은(는) 무엇을 하나요?
프론트엔드 공용 컴포넌트 후보 식별, 수동 확인, 구축, 검토, 페이지 마이그레이션 및 지속적 재사용을 위한 Codex Skill
개요
이 Skill은 프론트엔드 프로젝트에서 공용 컴포넌트 후보를 식별하고, 사람이 확인한 후 구축하고, 코드 리뷰를 거쳐 페이지를 마이그레이션하며 지속적으로 재사용하는 전체 워크플로우를 제공합니다.
주요 단계
- 후보 식별 - 코드베이스에서 중복된 UI 패턴을 자동으로 탐지
- 수동 확인 - 식별된 후보를 사람이 검토하여 공용 컴포넌트로 적합한지 판단
- 컴포넌트 구축 - 승인된 후보를 기반으로 공용 컴포넌트 개발
- 코드 리뷰 - 구축된 컴포넌트의 품질 검증
- 페이지 마이그레이션 - 기존 페이지를 새 공용 컴포넌트로 전환
- 지속적 모니터링 - 재사용성과 일관성 유지
사용 방법
Codex에서 이 Skill을 활성화한 후, 프론트엔드 프로젝트의 루트 디렉토리에서 다음 명령을 실행하세요:
codex run component-flow
설정
| 환경 변수 | 설명 | 기본값 |
|---|---|---|
COMPONENT_DIR | 공용 컴포넌트를 저장할 경로 | src/components |
REVIEW_REQUIRED | 코드 리뷰 필수 여부 | true |
의존성
- Codex CLI (v1.2.0 이상)
- Git (선택 사항, 변경 추적용)
라이선스
MIT