Vídeo de Demonstração de Produto

O que Vídeo de Demonstração de Produto faz?

Esta é a porta da skill Codex do plugin Claude. Não há comando de barra, então o Codex deve conduzir o fluxo de trabalho explicitamente e usar o modelo Remotion empacotado em assets/remotion-template/.

Configuração do Modelo

• Se o espaço de trabalho alvo ainda não contiver um projeto Remotion, copie assets/remotion-template/ para um diretório de trabalho como demo-video/.
• Execute npm install nesse diretório de trabalho.
• O modelo inclui componentes de cena, pontos de entrada, um script de narração e um storyboard inicial em src/storyboard.ts.

Fluxo de Trabalho

1. Digitalize o README do projeto alvo, documentação, manifestos, árvore de código-fonte e quaisquer capturas de tela existentes.
2. Pergunte quais recursos destacar, duração preferida, tom, cor da marca e se capturas de tela específicas devem ser usadas.
3. Elabore um storyboard usando references/scene-catalog.md.
4. Mostre o storyboard para aprovação, a menos que o usuário peça explicitamente para pular esse ponto de verificação.
5. Escreva ou atualize src/storyboard.ts.
6. Gere MP3s de narração em public/narration/ chamando scripts/generate-narration.sh uma vez por cena a partir de um pequeno script auxiliar.
7. Se ffprobe estiver disponível, meça cada MP3 e defina durationInSeconds como o comprimento do áudio mais aproximadamente 0,8 segundos.
8. Visualize com npx remotion studio e renderize com npx remotion render DemoVideo output/demo.mp4.

Regras do Storyboard

• Sempre comece com intro e termine com outro.
• Mantenha a maioria das cenas entre 8 e 12 segundos.
• Inclua pelo menos uma cena claramente animada, como workflow, comparison ou uma feature dinâmica.
• Use código real e detalhes concretos do produto do projeto alvo.
• Mantenha a narração em linguagem falada, aproximadamente 120 a 150 palavras por minuto.

Notas

• O script TTS empacotado suporta macOS say, OpenAI TTS e ElevenLabs.
• Se o usuário já tiver um projeto Remotion, copie apenas os componentes necessários, src/storyboard.ts ou o script de narração em vez do modelo inteiro.