컴포넌트 구현 대비 문서화 비용 90% 절감을 위한 Storybook 자동 생성 도구 개발

Context

컴포넌트 구현 시간 대비 Storybook 및 README 작성에 소요되는 과도한 공수 발생. 기존 도구들이 Props Table 생성에만 국한되어 실제 Storybook 파일 구성까지 이어지는 End-to-End 자동화 부재.

Technical Solution

• JS/TS 컴포넌트 소스 코드 분석을 통한 Props Table 및 README 섹션 자동 추출
• Prop Types 분석 기반의 Storybook argTypes 제어 타입 자동 추론 로직 구현
• String 타입의 Text 변환, Boolean 타입의 Boolean 변환, Union 타입의 Select 옵션 자동 매핑 구조 설계
• JSDoc이나 별도 설정 없이 소스 코드만으로 .stories.tsx 파일을 생성하는 Zero-config 파이프라인 구축
• 분석부터 파일 생성까지 약 10초 내에 완료하는 고속 생성 프로세스 적용