Vídeo de demonstração
Transforme uma mensagem defensável em uma sequência visual que funcione em seu contexto de visualização e, em seguida, implemente-a com a configuração Remotion do repositório. A história, a evidência e a compreensão determinam o tratamento; as transições não.
Estabeleça o briefing a partir das evidências disponíveis
Inspecione o produto, a mídia existente, os ativos da marca, a interface do usuário, a documentação e a configuração do Remotion antes de fazer perguntas. Estabeleça:
- visualizador alvo e o que ele sabe antes de assistir;
- destino, proporção de aspecto, contexto com ou sem som e faixa de duração;
- uma afirmação principal ou resultado de aprendizado;
- ação, resultado, dados ou demonstração do produto que possam comprová-la;
- chamada para ação ou implicação final;
- filmagens, estados de interface do usuário, narração, música, fontes e restrições de marca disponíveis;
- prazo, ambiente de renderização e entregáveis necessários.
Pergunte apenas por informações faltantes que alterem a afirmação, a evidência, o escopo da produção ou os direitos de uso de um ativo. Se a direção criativa estiver em aberto, proponha um tratamento e storyboard em vez de pedir ao usuário que invente cenas.
Escolha o formato
- Walkthrough do produto — conclusão cronológica de tarefas com interface legível e interrupção editorial mínima.
- Clipe de lançamento ou mídia social — proposição comprimida, evidência do produto, recompensa e ação; deve funcionar sem som se o destino comumente reproduzir automaticamente sem áudio.
- Explicador técnico — mecanismo, observação, interpretação, limitação e implicação. Leia escrita explicadora antes de roteirizar.
- Demonstração de recurso — uma capacidade, estado inicial, ação, resultado visível e limite.
- Tutorial narrado — instrução ritmada com pré-requisitos, intenção do cursor, legendas, recuperação e um resultado reproduzível.
Não combine todos os formatos em um único vídeo. Quando várias saídas forem solicitadas, defina uma narrativa principal e decida quais batidas sobrevivem a cada corte.
Escreva um tratamento baseado em evidências
Antes do código, produza:
Espectador:
Destino e formato:
Afirmação principal:
Evidência visível:
O que deve ser compreendido ao final:
Abordagem de narração/legenda:
Tratamento:
Lista de batidas com tempo aproximado:
Ativos ou capturas necessários:
Riscos ou incógnitas:
Cada batida deve mudar o que o espectador sabe, vê ou pode fazer. Emparelhe cada linha de narração material com evidência visível ou contexto necessário. Corte cenas decorativas que apenas repetem a narração.
Use estados reais do produto e dados verdadeiros. Rotule dados representativos de teste e evite apresentá-los como prova do cliente.
Roteirize para tempo e contexto de áudio
Elabore a narração e o texto na tela juntos. Estime o tempo lendo o roteiro em voz alta no ritmo de entrega pretendido e, em seguida, valide com áudio gravado ou gerado, em vez de confiar apenas na contagem de palavras.
- Mantenha o texto crítico na tela legível por tempo suficiente para ser compreendido.
- Legende o conteúdo falado quando o entregável exigir acessibilidade ou compreensão sem áudio.
- Não faça as legendas competirem com a interface do usuário do produto ou sobreposições da plataforma.
- Informe os termos especializados após explicar o mecanismo e, em seguida, use-os de forma consistente.
- Mantenha as afirmações dentro do que a demonstração visível estabelece.
Para narração, música, efeitos sonoros, geração de legendas ou trabalho de volume, leia áudio e legendas antes de adicionar mídia.
Planeje formatos deliberadamente
Não renderize uma composição inalterada em todas as proporções de aspecto. Para cada formato solicitado, defina áreas seguras, medida de texto, comportamento de corte, escala da interface do produto e qualquer batida que precise de recomposição ou omissão.
Compartilhe componentes e dados de linha do tempo quando útil, mas permita composição específica do formato. Registre apenas os entregáveis que o usuário precisa.
Implemente no projeto Remotion existente
Inspecione as versões instaladas, formato do módulo, ponto de entrada do projeto, configuração, scripts e primitivas existentes. Use essas APIs e convenções. Para um novo projeto independente, selecione versões atuais compatíveis em vez de copiar versões fixas deste skill.
Separe as preocupações onde o tamanho do projeto se beneficia disso:
- registro de composição e props de entrada;
- dados narrativos/linha do tempo;
- cenas ou tomadas;
- primitivas visuais compartilhadas;
- carregamento de mídia e fontes;
- legendas e mix de áudio;
- testes ou asserções de quadro.
Passe o tempo local da linha do tempo para as cenas quando sua animação for relativa à cena. Use o tempo global apenas para comportamentos deliberadamente contínuos. Fixe a interpolação apenas quando os valores puderem viajar para fora da faixa pretendida; não adicione opções cerimoniais a entradas limitadas.
Leia primitivas Remotion apenas quando o tratamento precisar de padrões reutilizáveis de ciclo de vida de cena, revelação de texto, transição ou digitação. Adapte as primitivas à linguagem visual escolhida; nenhuma é obrigatória.
Leia folha de dicas de implementação ao escolher parâmetros de animação, dimensionamento responsivo, carregamento de fontes ou comandos de renderização. Verifique as APIs com a versão instalada do Remotion.
Projete movimento a partir do significado
Escolha cortes, dissoluções, continuidade espacial, revelações, zooms ou pausas com base na relação entre as batidas. Evite aplicar molas, escalonamento, granulação, brilho, simulação de terminal, botões quicantes ou gradientes animados como uma receita de assinatura.
A animação deve ser determinística sob busca de quadros. Suporte movimento reduzido quando o vídeo for incorporado como uma experiência interativa ou web. Não anime detalhes finos que desaparecem no tamanho final de entrega.
Lidere a captura do produto
Ao mostrar um produto ao vivo:
- defina o estado exato e os dados necessários;
- remova segredos e informações pessoais;
- controle viewport, cursor, zoom e configurações de animação;
- capture em resolução suficiente;
- preserve a cronologia da interface do usuário para que ações e resultados permaneçam críveis;
- registre limitações quando um mock ou fixture substitui um estado ao vivo.
Contrato de saída
Entregue a combinação solicitada de:
- tratamento e folha de batidas com tempo;
- narração e roteiro na tela;
- manifesto de ativos/capturas com proveniência;
- código-fonte e IDs de composição Remotion;
- arquivo de legenda ou legendas incorporadas;
- arquivos renderizados nomeados por formato;
- stills representativos ou quadros de revisão;
- relatório de verificação incluindo verificações técnicas e editoriais.
Declare quais formatos compartilham uma linha do tempo e quais foram compostos independentemente.
Verifique
Técnico
- Instale ou reutilize dependências de acordo com a política do repositório.
- Execute verificação de tipos, build e testes relevantes.
- Liste composições e renderize cada entregável solicitado.
- Busque quadros representativos em torno dos limites da cena e confirme a saída determinística.
- Verifique ramos de mídia ausente, carregamento de fonte, texto longo e específicos de formato.
- Confirme se a resolução de saída, taxa de quadros, duração, codec e tamanho do arquivo correspondem ao contrato de entrega.
Editorial e visual
- Assista cada render final do início ao fim em velocidade normal.
- Confirme se a abertura estabelece relevância, a evidência é visível e o final resolve a afirmação declarada.
- Revise no tamanho real do feed ou player, sem som e com som quando aplicável.
- Verifique duração do texto, sincronização da legenda, áreas seguras, sobreposições da plataforma, legibilidade da interface do usuário e continuidade visual.
- Confirme que a narração nunca ultrapassa a evidência ou afirma comportamento indisponível do produto.
Áudio e acessibilidade
- Ouça com fones de ouvido e alto-falantes comuns; verifique picos, cortes, edições abruptas, inteligibilidade e volume consistente.
- Verifique legendas contra o áudio final, incluindo nomes e termos técnicos.
- Confirme que o significado essencial sobrevive à reprodução sem som quando necessário.
Relate cada verificação realmente realizada e qualquer limitação causada por ativos, serviços, codecs ou contexto de implantação indisponíveis.