Crear videos con código en lugar de una herramienta de edición visual tiene una barrera inicial: configurar el entorno desde cero. Un bootstrap de un solo comando instala todo lo necesario — Node, Remotion, Codex CLI — y lanza una preview en vivo para empezar a iterar de inmediato. Ideal para founders o developers que quieren producir contenido en video sin depender de editores manuales.
Remotion convierte componentes de React en videos exportables. En lugar de arrastrar clips en una línea de tiempo, defines cada escena como código: animaciones, tipografía, timing, transiciones. El resultado es reproducible, versionable con git y modificable con un prompt.
El problema es la configuración inicial. Para llegar al primer frame renderizado necesitas: Node en la versión correcta, el proyecto de Remotion inicializado, Codex CLI autenticado, y un servidor de preview corriendo. Con un bootstrap automatizado todo eso sucede en un solo comando.
El script de instalación cubre el entorno completo sin intervención manual:
video-generator y remotion-best-practices como contexto especializado para que el agente entienda la API de Remotion sin necesidad de instrucciones manuales en cada prompt.output/agent-video-starter listo para editar.Al terminar la instalación, Codex se lanza automáticamente con un prompt inicial que guía la primera interacción.
bash <(curl -fsSL https://raw.githubusercontent.com/Hainrixz/tododeia-animaciones/main/install.sh)
irm https://raw.githubusercontent.com/Hainrixz/tododeia-animaciones/main/install.ps1 | iex
En Windows es importante abrir PowerShell con privilegios de administrador antes de correr el comando, de lo contrario la instalación de dependencias del sistema falla sin un error claro.
# Bash
bash scripts/bootstrap.sh
# PowerShell
powershell -ExecutionPolicy Bypass -File .\scripts\bootstrap.ps1
Una vez que el entorno está corriendo, el ciclo de producción de un video tiene cuatro pasos:
Remotion renderiza cada frame como si fuera un screenshot del componente React, por lo que la calidad del output es igual a la calidad del código — sin compresión por edición manual.
| Síntoma | Causa probable | Solución |
|---|---|---|
| Error de permisos en la instalación | Terminal sin privilegios de administrador | Ejecutar como administrador (Windows) o agregar sudo donde corresponda |
| Puerto 3000 ocupado | Otro proceso usando ese puerto | Pasar el flag --port 3001 al iniciar la preview |
| Codex no autentica | Sesión expirada o primer uso | Ejecutar codex login y volver a correr el comando principal |
| Falla el pull del repositorio | Cambios locales sin commitear en el proyecto starter | Hacer git stash o commitear los cambios antes de actualizar |
La alternativa habitual para video automatizado es una API de renderizado en la nube (como Shotstack o Bannerbear). Remotion corre localmente, lo que significa cero costo por render durante desarrollo y sin latencia de red en cada iteración. La desventaja es que necesita CPU/GPU local para renders largos.
Para contenido corto — menos de dos minutos, tipografía animada, data visualizations — Remotion local con Codex como interfaz conversacional es la combinación más rápida de setup a primer video funcional sin tocar una herramienta de edición manual.