제품 데모 비디오

제품 데모 비디오은(는) 무엇을 하나요?

이것은 Claude 플러그인의 Codex-스킬 포트입니다. 슬래시 명령어가 없으므로 Codex가 워크플로를 명시적으로 구동하고 assets/remotion-template/ 아래 번들된 Remotion 템플릿을 사용해야 합니다.

템플릿 설정

• 대상 작업 공간에 Remotion 프로젝트가 아직 없는 경우 assets/remotion-template/를 demo-video/와 같은 작업 디렉토리로 복사합니다.
• 해당 작업 디렉토리에서 npm install을 실행합니다.
• 템플릿에는 장면 구성 요소, 진입점, 내레이션 스크립트 및 시작 src/storyboard.ts가 포함됩니다.

워크플로

1. 대상 프로젝트의 README, 문서, 매니페스트, 소스 트리 및 기존 스크린샷을 스캔합니다.
2. 강조할 기능, 선호하는 길이, 어조, 브랜드 색상 및 특정 스크린샷을 사용할지 여부를 질문합니다.
3. references/scene-catalog.md를 사용하여 스토리보드를 초안합니다.
4. 사용자가 명시적으로 해당 체크포인트를 건너뛰도록 요청하지 않는 한 스토리보드를 승인을 위해 보여줍니다.
5. src/storyboard.ts를 작성하거나 업데이트합니다.
6. scripts/generate-narration.sh를 작은 헬퍼 스크립트에서 장면당 한 번씩 호출하여 내레이션 MP3를 public/narration/으로 생성합니다.
7. ffprobe가 사용 가능한 경우 각 MP3를 측정하고 durationInSeconds를 오디오 길이에 약 0.8초를 더한 값으로 설정합니다.
8. npx remotion studio로 미리보고 npx remotion render DemoVideo output/demo.mp4로 렌더링합니다.

스토리보드 규칙

• 항상 intro로 시작하고 outro로 끝냅니다.
• 대부분의 장면은 약 8~12초로 유지합니다.
• workflow, comparison 또는 동적인 feature와 같이 최소한 하나의 명확히 애니메이션 처리된 장면을 포함합니다.
• 대상 프로젝트의 실제 코드와 구체적인 제품 세부 정보를 사용합니다.
• 내레이션은 구어체로 유지하며 분당 약 120~150단어입니다.

참고 사항

• 번들된 TTS 스크립트는 macOS say, OpenAI TTS 및 ElevenLabs를 지원합니다.
• 사용자에게 이미 Remotion 프로젝트가 있는 경우 전체 템플릿 대신 필요한 구성 요소, src/storyboard.ts 또는 내레이션 스크립트만 복사합니다.