PTENES
MÓDULO 4.2

🔁 Iteración que mejora la calidad

Los mejores resultados de Remotion no son obras maestras desde el primer prompt: son esqueletos simples que se refinan 3-4 veces en la misma conversación. La calidad es acumulativa.

6
Temas
30
Minutos
Avanzado
Nivel
Proceso
Tipo
1

Turn 1: la estructura básica

El primer prompt debe pedir solo la estructura. Elementos en el lugar correcto, texto correcto, sin preocuparte por el timing, el easing ni la estética. El objetivo del Turn 1 es validar la composición: si los elementos están en su lugar y la secuencia tiene sentido.

ejemplo de prompt — Turn 1
Crea una animación de intro de producto en Remotion. Elementos: logo en el centro, luego el título y después el subtítulo. No te preocupes por el easing ni el timing ahora — solo quiero ver los elementos en el lugar correcto.

💡 ¿Por qué empezar de forma simple?

Si pides timing y estética en Turn 1 y la composición queda mal, pierdes tiempo puliendo algo que habrá que rehacer. Primero aprueba el esqueleto y luego añade capas.

Elementos en su lugar
Secuencia correcta
Sin easing todavía
Valida la composición
2

Turn 2: agrega timing

Con la composición aprobada, el Turn 2 trata sobre ritmo y secuencia temporal. Cuánto tiempo permanece cada elemento en pantalla, cuándo entra, cuándo sale y cuál es el delay entre elementos. Claude recuerda toda la estructura del Turn 1 y aplica el timing sobre ella: no empieza desde cero.

ejemplo de prompt — Turn 2
Ahora agrega timing: el logo aparece en 0-1s, el título entra en 1.5s, el subtítulo en 2.5s. Total de 5 segundos. Usa easing ease-out para las entradas.

✓ Qué especificar en el Turn 2

  • Duración total del video
  • Marcas de tiempo de entrada/salida de cada elemento
  • Easing general (ease-in, ease-out, linear)
  • Retrasos entre elementos

✗ Qué dejar para después

  • Overshoot y spring (Turn 3)
  • Stagger avanzado (Turn 3)
  • Colores y gradientes (Turn 4)
  • Sombras y glow (Turn 4)
Marcas de tiempo exactas
Easing base
Retrasos
La misma sesión
3

Turn 3: refina el movimiento

Con el timing aprobado, el Turn 3 agrega expresividad en el movimiento. Aquí es donde la animación adquiere personalidad: overshoot, spring, stagger asimétrico entre elementos. Detalles sutiles que marcan la diferencia entre «funcional» y «fluido».

demostración en vivo 4 turnos → evolución de la animación
estático
+ timing
+ spring
pulido
Turn 1
Turn 2
Turn 3
Turn 4

La misma animación evoluciona en bucle: de la estructura estática al pulido final.

💡 Spring vs. ease-out

Spring agrega un overshoot natural: el elemento «pasa» el destino y vuelve. Ease-out simplemente desacelera. Para animaciones de producto, spring suele parecer más vivo y menos mecánico.

Overshoot
Física de spring
Stagger asimétrico
Expresividad
4

Turn 4: polish final

El Turn 4 es el acabado. Colores finales, tipografía, gradientes, sombras, glow. Lo que convierte «funciona» en «impresiona». Solo tiene sentido cuando el movimiento ya está aprobado en los turns anteriores.

demostración en vivo calidad acumulativa por turno
Turn 1 — estructura 25%
Turn 2 — timing 50%
Turn 3 — movimiento 75%
Turn 4 — polish 100%

Cada turn se acumula sobre el anterior: la calidad no se reemplaza, se construye.

Colores finales
Tipografía
Degradados
Glow / sombra
5

La regla de «no hacerlo todo de una vez»

Un único prompt largo y detallado rara vez supera a 4 prompts incrementales en la misma sesión. ¿Por qué? Porque es imposible especificar perfectamente con palabras algo que aún no has visto. Necesitas ver el esqueleto para saber qué cambiar.

One-shot resultado promedio 1 intento = resultado fijo vs Iteración (4 turnos) T1: esqueleto T2: timing T3: movimiento T4: pulido ✓ resultado óptimo

✗ One-shot

  • Prompt largo y lleno de requisitos
  • Claude intenta hacerlo todo de una vez
  • Resultado promedio que no impresiona
  • Difícil de corregir sin rehacerlo todo

✓ 4 Turns

  • Cada turn se enfoca en una dimensión
  • Aprueba cada capa antes de avanzar
  • Resultado excelente que impresiona
  • Fácil de ajustar: solo cambia el turn relevante
One-shot = medio
4 turns = excelente
Empieza por lo mínimo
Construye sobre lo aprobado
6

Contexto que compone la calidad

Claude recuerda todo el código generado en la sesión. En cada turno parte del estado aprobado — no empieza de cero. Esto significa que la calidad es acumulativa, no sustituida. Por eso la misma sesión produce un mejor resultado que sesiones separadas.

T1

Estructura básica

Estructura creada. Claude guarda todo el código en la memoria de la sesión. Apruebas la composición.

T2

+ Timing aplicado

Claude lee el contexto del T1 y agrega el timing sobre la estructura. El esqueleto permanece intacto, solo cambia el timing.

T3

+ Movimiento expresivo

Spring, overshoot y stagger agregados al estado T1+T2. No se pierde ninguna de las capas anteriores.

T4

= Resultado pulido

Colores, tipografía y glow aplicados sobre T1+T2+T3. El resultado final lleva todas las capas acumuladas en la sesión.

💡 Las sesiones separadas rompen el flujo

Si empiezas una nueva sesión en Turn 2, Claude no tiene el contexto del T1. Pierdes la memoria acumulada. Mantén siempre los 4 turns en la misma conversación para aprovechar el contexto acumulativo.

El contexto persiste
Calidad acumulativa
La misma sesión
4 capas = excelente

Resumen del módulo

✓
4 turnos, no 1 — esqueleto → timing → movimiento → polish. Cada turn se centra en una dimensión.
✓
Approve before advancing — valida cada capa antes de pedir la siguiente. Así evitas rehacer trabajo.
✓
La misma sesión — el contexto acumulado es lo que hace eficaces los 4 turns. No abras sesiones nuevas a mitad del proceso.
✓
One-shot produce un resultado medio — la iteración incremental produce un resultado óptimo. Empieza siempre por lo mínimo.
✓
Calidad acumulativa — cada turn se suma al anterior; no se pierde nada, todo se construye.

Siguiente módulo:

4.3 — Recapitulación y mapa final: la matriz completa de las libs, las 4 reglas universales y por qué esto es producción ahora.