컴포넌트 가이드 문서 생성 범용 프롬프트

다음 프롬프트를 사용하여 각 컴포넌트별 가이드 문서를 생성하세요:

---

📋 프롬프트 템플릿

[컴포넌트명] 컴포넌트의 개발자 가이드 문서를 /docs/{component명}.md 파일로 생성해주세요.

다음 구조와 내용을 포함하여 작성해주세요:

### 필수 포함 내용:
1. **컴포넌트 개요** - 컴포넌트의 목적과 주요 기능
2. **설치 및 Import** - 컴포넌트 사용을 위한 설치/import 방법
3. **Props API** - 모든 props의 타입, 기본값, 설명을 표 형태로 정리
4. **Events API** - emit되는 이벤트들의 설명과 파라미터
5. **기본 사용법** - 가장 일반적인 사용 예제 코드
6. **사용 사례별 예제** - 다양한 상황별 실제 구현 예제
7. **스타일링 가이드** - CSS 클래스, 디자인 토큰, 커스터마이징 방법
8. **접근성 (Accessibility)** - 키보드 내비게이션, 스크린 리더 지원 등
9. **사용 권장사항** - 올바른 사용법, 피해야 할 패턴, 성능 최적화 팁
10. **문제 해결** - 자주 발생하는 문제와 해결 방법
11. **관련 컴포넌트** - 함께 사용되는 컴포넌트들의 링크
12. **변경 이력** - 주요 버전별 변경사항

### 작성 가이드라인:
- 개발자 관점에서 실용적이고 구체적인 정보 제공
- 코드 예제는 실제 동작 가능한 완전한 형태로 작성
- 각 prop과 event에 대한 상세한 설명과 사용 시나리오 포함
- Do/Don't 형태의 권장사항으로 베스트 프랙티스 제시
- 컴포넌트별 특성을 반영한 맞춤형 가이드 작성
- 마크다운 문법을 활용한 가독성 높은 문서 구조

현재 컴포넌트의 .vue, .stories.ts, .spec.ts 파일을 분석하여 정확한 정보를 바탕으로 문서를 생성해주세요.

---

🔧 사용 방법

1. 위 프롬프트 템플릿에서 [컴포넌트명]과 {component명}을 실제 컴포넌트명으로 변경
2. 해당 컴포넌트의 소스 코드를 먼저 분석
3. 프롬프트를 Claude에게 전달하여 가이드 문서 생성

📝 예시

CTA 컴포넌트의 개발자 가이드 문서를 /docs/cta.md 파일로 생성해주세요.
(위의 필수 포함 내용과 가이드라인 동일)

🎯 문서 품질 기준

• 개발자가 즉시 사용 가능한 실용적 정보 제공
• 모든 API가 정확하고 완전하게 문서화됨
• 실제 동작하는 코드 예제 포함
• 접근성과 사용성 가이드 포함
• 명확한 권장사항과 주의사항 제시
• 일관된 마크다운 스타일과 구조 유지