Sagart-cactus/codex-skills

Video de Demostración de Producto

Esta es la adaptación del plugin de Claude para Codex. No hay comando de barra, por lo que Codex debe manejar 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 destino no contiene ya un proyecto Remotion, copia assets/remotion-template/ en un directorio de trabajo como 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 src/storyboard.ts inicial.

Flujo de Trabajo

1. Escanea el README del proyecto destino, la documentación, los manifiestos, el á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 específicas.
3. Redacta un storyboard usando references/scene-catalog.md.
4. Muestra el storyboard para aprobación, a menos que el usuario pida explícitamente saltar ese punto de control.
5. Escribe o actualiza src/storyboard.ts.
6. Genera 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 a 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 Storyboard

• 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 destino.
• Mantén la narración en lenguaje hablado, aproximadamente 120 a 150 palabras por minuto.

Notas

• El script de TTS empaquetado admite 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.