MÓDULO 4.2

🔁 Iteração que compõe qualidade

Os melhores outputs do Remotion não são obras-primas de primeiro prompt — são esqueletos simples refinados 3-4 vezes na mesma conversa. A qualidade é cumulativa.

6
Tópicos
30
Minutos
Avançado
Nível
Processo
Tipo
1

Turn 1: o esqueleto básico

O primeiro prompt deve pedir apenas a estrutura. Elementos no lugar certo, texto correto, sem se preocupar com timing, easing ou estética. O objetivo do Turn 1 é validar a composição — se os elementos estão no lugar e a sequência faz sentido.

exemplo de prompt — Turn 1
Crie uma animação de intro de produto no Remotion. Elementos: logo no centro, depois título, depois subtítulo. Não se preocupe com easing ou timing agora — só quero ver os elementos no lugar certo.

💡 Por que começar simples?

Se você pedir timing e estética no Turn 1 e a composição estiver errada, você perde tempo refinando algo que vai ser refeito. Primeiro aprove o esqueleto, depois adicione camadas.

Elementos no lugar
Sequência correta
Sem easing ainda
Valide composição
2

Turn 2: adiciona timing

Com a composição aprovada, o Turn 2 é sobre ritmo e sequência temporal. Quanto tempo cada elemento fica em tela, quando entra, quando sai, qual o delay entre elementos. O Claude lembra de toda a estrutura do Turn 1 e aplica o timing sobre ela — não recomeça do zero.

exemplo de prompt — Turn 2
Agora adicione timing: logo aparece em 0-1s, título entra em 1.5s, subtítulo em 2.5s. Total de 5 segundos. Use easing ease-out para as entradas.

O que especificar no Turn 2

  • Duração total do vídeo
  • Timestamps de entrada/saída de cada elemento
  • Easing geral (ease-in, ease-out, linear)
  • Delays entre elementos

O que deixar para depois

  • Overshoot e spring (Turn 3)
  • Stagger avançado (Turn 3)
  • Cores e gradientes (Turn 4)
  • Sombras e glow (Turn 4)
Timestamps exatos
Easing base
Delays
Mesma sessão
3

Turn 3: refina o movimento

Com o timing aprovado, o Turn 3 adiciona expressividade ao movimento. É aqui que a animação ganha personalidade — overshoot, spring, stagger assimétrico entre elementos. Sutilezas que fazem a diferença entre "funcional" e "fluido".

demonstração ao vivo 4 turns → evolução da animação
estático
+ timing
+ spring
polido
Turn 1
Turn 2
Turn 3
Turn 4

A mesma animação evoluindo em loop — da estrutura estática ao polish final.

💡 Spring vs ease-out

Spring adiciona overshoot natural — o elemento "passa" do destino e volta. Ease-out simplesmente desacelera. Para animações de produto, spring tende a parecer mais vivo e menos mecânico.

Overshoot
Spring physics
Stagger assimétrico
Expressividade
4

Turn 4: polish final

O Turn 4 é o acabamento. Cores finais, tipografia, gradientes, sombras, glow. O que transforma "funciona" em "impressiona". Só faz sentido quando o movimento já está aprovado nos turns anteriores.

demonstração ao vivo qualidade cumulativa por turn
Turn 1 — esqueleto 25%
Turn 2 — timing 50%
Turn 3 — movimento 75%
Turn 4 — polish 100%

Cada turn acumula sobre o anterior — a qualidade não é substituída, é construída.

Cores finais
Tipografia
Gradientes
Glow / sombra
5

A regra "não one-shot"

Um único prompt longo e detalhado raramente supera 4 prompts incrementais na mesma sessão. Por quê? Porque é impossível especificar perfeitamente em palavras algo que você ainda não viu. Você precisa ver o esqueleto para saber o que mudar.

One-shot resultado médio 1 tentativa = resultado fixo vs Iteração (4 turns) T1: esqueleto T2: timing T3: movimento T4: polish ✓ resultado ótimo

One-shot

  • Prompt longo e cheio de requisitos
  • Claude tenta atender tudo de uma vez
  • Resultado médio que não impressiona
  • Difícil de corrigir sem refazer tudo

4 Turns

  • Cada turn foca em uma dimensão
  • Aprova cada camada antes de avançar
  • Resultado ótimo que impressiona
  • Fácil ajustar: só o turn relevante muda
One-shot = médio
4 turns = ótimo
Comece do mínimo
Construa sobre aprovado
6

Contexto que compõe qualidade

O Claude lembra todo o código gerado na sessão. A cada turn, ele parte do estado aprovado — não recomeça do zero. Isso significa que a qualidade é cumulativa, não substituída. É por isso que a mesma sessão produz resultado melhor que sessões separadas.

T1

Esqueleto básico

Estrutura criada. Claude guarda todo o código na memória da sessão. Você aprova a composição.

T2

+ Timing aplicado

Claude lê o contexto do T1 e adiciona o timing sobre a estrutura. O esqueleto permanece intacto, só o timing é novo.

T3

+ Movimento expressivo

Spring, overshoot e stagger adicionados ao estado T1+T2. Nenhuma das camadas anteriores é perdida.

T4

= Resultado polido

Cores, tipografia e glow aplicados sobre T1+T2+T3. O resultado final carrega todas as camadas acumuladas na sessão.

💡 Sessões separadas quebram o fluxo

Se você começa uma nova sessão no Turn 2, o Claude não tem contexto do T1. Você perde a memória acumulada. Sempre mantenha os 4 turns na mesma conversa para aproveitar o contexto cumulativo.

Contexto persiste
Qualidade cumulativa
Mesma sessão
4 camadas = ótimo

Resumo do módulo

4 turns, não 1 — esqueleto → timing → movimento → polish. Cada turn foca em uma dimensão.
Approve before advancing — valide cada camada antes de pedir a próxima. Isso evita refazer trabalho.
Mesma sessão — o contexto cumulativo é o que torna os 4 turns eficazes. Não abra novas sessões no meio.
One-shot produz resultado médio — iteração incremental produz resultado ótimo. Sempre comece do mínimo.
Qualidade cumulativa — cada turn acumula sobre o anterior; nada é perdido, tudo é construído.

Próximo módulo:

4.3 — Recap & mapa final: a matriz completa das libs, as 4 regras universais e por que isso é produção agora.