Video de Demostración de Producto

¿Qué hace Video de Demostración de Producto?

Esta es la adaptación como habilidad de Codex del plugin de Claude. No hay comando de barra, por lo que Codex debe conducir el flujo de trabajo explícitamente y usar la plantilla Remotion empaquetada en assets/remotion-template/.

Configuración de la Plantilla

• Si el espacio de trabajo objetivo aún no contiene un proyecto Remotion, copia assets/remotion-template/ en un directorio de trabajo, por ejemplo demo-video/.
• Ejecuta npm install en ese directorio de trabajo.
• La plantilla incluye componentes de escena, puntos de entrada, un script de narración y un archivo inicial src/storyboard.ts.

Flujo de Trabajo

1. Escanea el README del proyecto objetivo, documentación, manifiestos, árbol de fuentes y cualquier captura de pantalla existente.
2. Pregunta qué características destacar, duración preferida, tono, color de marca y si se deben usar capturas de pantalla específicas.
3. Redacta un guión gráfico usando references/scene-catalog.md.
4. Muestra el guión gráfico para aprobación, a menos que el usuario pida explícitamente omitir ese punto de control.
5. Escribe o actualiza src/storyboard.ts.
6. Genera archivos MP3 de narración en public/narration/ llamando a scripts/generate-narration.sh una vez por escena desde un pequeño script auxiliar.
7. Si ffprobe está disponible, mide cada MP3 y establece durationInSeconds en la duración del audio más aproximadamente 0,8 segundos.
8. Previsualiza con npx remotion studio y renderiza con npx remotion render DemoVideo output/demo.mp4.

Reglas del Guión Gráfico

• Siempre comienza con intro y termina con outro.
• Mantén la mayoría de las escenas entre 8 y 12 segundos.
• Incluye al menos una escena claramente animada, como workflow, comparison o una feature dinámica.
• Usa código real y detalles concretos del producto del proyecto objetivo.
• Mantén la narración en lenguaje hablado, aproximadamente 120 a 150 palabras por minuto.

Notas

• El script TTS empaquetado es compatible con macOS say, OpenAI TTS y ElevenLabs.
• Si el usuario ya tiene un proyecto Remotion, copia solo los componentes necesarios, src/storyboard.ts o el script de narración en lugar de toda la plantilla.