Movimento de produto Remotion
Transforme uma interação de produto em uma história visual clara: estabeleça contexto, mostre uma ação, torne seu resultado legível e, em seguida, direcione a atenção para a próxima ação. Adapte o movimento ao briefing. Tomadas estáticas, filmes mudos, transições contidas e movimento contínuo de câmera são todas escolhas válidas.
Estabeleça o filme
Identifique o público, o resultado do produto, a duração, as dimensões, as telas necessárias e os assets fornecidos. Leve adiante escolhas explícitas sobre som, movimento de câmera, comportamento nativo de UI e legendas. Resolva itens essenciais ausentes; escolha padrões razoáveis para estilo incidental.
Inspecione a interface real e o conteúdo disponível antes de planejar afirmações. Preserve tipos, proporções, cores, rótulos e comportamento de interação reconhecíveis. Use assets autênticos autorizados; rotule dados sintéticos de demonstração. Registre a fonte e a data do snapshot de contagens anunciadas, a unidade contada, filtros e método de deduplicação. Um subconjunto representativo não sustenta uma afirmação de catálogo completo.
Escreva um plano de tomadas compacto com o intervalo de quadros de cada tomada, alvo focal, ação/resultado, intervalo legível, transição e sugestão de som opcional. Inclua o final. Planeje o enquadramento paisagem e retrato separadamente quando ambos forem solicitados; apenas cortar pode perder um controle ou rótulo.
Escolha a orientação relevante
- Leia coreografia ao planejar movimento de câmera, easing, transições sobrepostas ou ajustar layouts e alvos do cursor.
- Leia UI determinística ao implementar animação, comportamento CSS nativo, motion blur ou cortes secos entre telas discretas.
- Leia som e renderização ao posicionar áudio, otimizar exportações ou validar o filme entregue. Sua seção de verificação visual também se aplica a trabalhos mudos.
Use scripts/motion.mjs para matemática reutilizável quando útil. Ele não tem dependências; copie ou importe-o para o projeto alvo com um caminho relativo apropriado. Inspecione suas exportações e contratos de argumentos antes da integração. progress, expoIn, expoOut e track lidam com temporização; cameraAt e project ajudam a avaliar enquadramento composto; selectState seleciona cortes; cueStartFrame e duckGain ajudam no posicionamento de áudio. O arquivo auxiliar é opcional e não cria um projeto Remotion. Esta skill funciona independentemente de qualquer repositório demo.
Construa e inspecione
Faça da animação uma função pura do quadro e das entradas fixas. Preserve a seleção de tela discreta fora da amostragem temporal, ganchos de animação contínua dentro dela e áudio fora dela. Veja a referência determinística para esta distinção e sua exceção de crossfade.
Implemente uma ação representativa e transferência primeiro. Inspecione quadros renderizados no intervalo de leitura, pico de velocidade, limite de corte e destino antes de repetir o padrão. Altere temporização, encenação ou hierarquia quando a ação não for clara; decoração não pode suprir causalidade ausente.
O movimento da câmera deve revelar contexto ou guiar a atenção. Se o movimento contínuo atender ao briefing, sobreponha trilhas de pan e dolly independentemente temporizadas e inspecione seu resultado projetado. Um pai em movimento não prova que seu objeto focal se move na tela. Escolha paradas quietas ou totalmente estáticas quando servirem ao briefing. Grão, respiração, tremulação e movimento perpétuo são decisões estéticas opcionais.
Após qualquer edição de layout, reavalie o fluxo downstream, alvos da câmera, pontos de acerto do cursor, limites de rolagem e enquadramento. Uma renderização bem-sucedida por si só não os verifica.
Entregue evidências
Renderize os formatos solicitados com a toolchain fixa do projeto. Inspecione quadros consecutivos em torno de transições arriscadas e o resultado codificado em velocidade normal, onde a reprodução estiver disponível. Verifique texto, conteúdo real, alinhamento do cursor, cortes, prontidão dos assets, duração e final. Para som, distinga verificações de sinal medidas da audição real.
Relate os caminhos de saída, comandos/verificações realmente executados, limitações de material e defeitos não resolvidos. Declare explicitamente quando a reprodução em tempo real ou audição de áudio não estava disponível. Uma folha de contato apoia a revisão visual; ela não estabelece ritmo ou qualidade de áudio. Publique ou envie trabalho externamente apenas dentro da autorização do usuário.