Nonstop Motion
Transforma um tópico em um vídeo vertical de motion graphics de 15 a 40 segundos que:
- Para a rolagem nos primeiros 0,5 s (o quadro 0 já mostra o gancho, nunca um fade do preto).
- Nunca para. Três camadas de movimento estão sempre ativas (câmera, ambiente, conteúdo).
- É rápido, mas legível. A duração de cada batida é calculada com base no número de palavras, para que cada linha fique na tela tempo suficiente para ser lida e não mais.
- Serve para qualquer tópico. As batidas são genéricas (gancho, estatística, lista, comparação, UI, chat, diálogo…). Quatro temas e três tempos cobrem tecnologia, finanças, educação, comédia, produto e conteúdo narrativo.
Cada vídeo é construído em duas camadas:
- Atrás: um mundo 3D low-poly com três cenários (mesa, terraço, palco), o mascote 3D Blip e 14 planos de câmera cinematográficos (snap-zoom, vertigo dolly-zoom, whip, grua, holandês, órbita…). Cada batida recebe seu próprio plano.
- Na frente: tipografia cinética, janelas de UI, chat, anéis de estatística, listas e socos em tela cheia.
- Som: música original gerada. Cada corte cai em um bumbo, a câmera soca em cada batida e os SFX acertam nos cortes.
O motor é um projeto Remotion em template/. Você não escreve código de animação para um vídeo normal. Você escreve scripts/<slug>.json e depois renderiza.
Fluxo de trabalho (siga em ordem)
1. Briefing (pergunte apenas o que não pode inferir)
- Tópico + o único aprendizado que o espectador deve levar (uma única frase).
- Público + idioma. Escreva no idioma em que o criador publica, incluindo gírias, por exemplo, português casual "você/cê".
- Objetivo → CTA: seguir (série), salvar (lista útil), compartilhar (relacionável), comentar (opinião ou pergunta).
- Nicho → tema + tempo. Veja
references/adaptation.md.
2. Escolha uma estrutura
Escolha um arco de references/adaptation.md (Problema→Reviravolta, Mito→Verdade, História/POV, Lista, Versus, Número-primero, Construção→Golpe) e mapeie para batidas. Alvo: 6–10 batidas, 18–35 s.
3. Escreva o roteiro de batidas
Leia references/beats.md para todos os campos de cada batida. Regras rígidas:
- Batida 1 é sempre
hook, no máximo 8 palavras, com uma lacuna de curiosidade ou tensão (fórmulas emreferences/retention.md). - Uma ideia por batida. Mantenha as batidas de texto em 12 palavras ou menos. Se uma linha for mais longa, divida em duas batidas; ritmo acelerado vem de mais batidas, não de mais palavras.
- Marque uma ênfase por batida com
*asteriscos*. Ela é renderizada na cor de destaque com um varredor, e o olhar do espectador vai primeiro para lá. - Mude o tipo de batida a cada 2 batidas no mínimo. Nunca coloque 3 do mesmo tipo seguidas. Use um
punchoustatcomo uma interrupção de padrão a cada 3–4 batidas. - Mostre, não legendas. Se o tópico envolver software, use
ui. Uma conversa vai emchat, números emstate A-vs-B emcompare. - A última batida é
cta. Sua CTA deve corresponder ao objetivo da etapa 1. - Nunca invente fatos. Marque números de exemplo como "exemplo" ou use fontes reais e verificadas.
4. Lint, renderize, QA
template/ fica ao lado deste SKILL.md. Na primeira vez, se template/node_modules estiver faltando, execute npm install lá (leva ~1 min).
cd template
npm install # apenas na primeira vez
npm run lint:script -- scripts/<slug>.json # legibilidade, ritmo, plano de câmera, grade de tempo das batidas
npx remotion render NonstopShort out/<slug>-draft.mp4 --props=scripts/<slug>.json --scale=0.4 # rascunho rápido
npx remotion render NonstopShort out/<slug>.mp4 --props=scripts/<slug>.json # final 1080×1920
bash scripts/qa-sheet.sh out/<slug>.mp4 # folha de contato → out/<slug>-sheet.png
Abra a folha de contato e verifique:
- Quadro 0: o gancho está visível?
- Cada batida: o texto é legível e está dentro da área segura?
- Trechos estáticos: algum plano está parado por mais de ~1 s?
- Sobreposições: alguma peça colide?
Corrija editando primeiro o JSON: divida batidas, use hold (0,8 aperta, 1,3 prolonga) ou altere transition, shot ou set. Edite código somente quando o JSON não puder expressar a mudança. As renderizações 3D levam ~1–2 s por quadro em um servidor CPU, então sempre faça QA de um rascunho --scale=0.4 primeiro.
Visualize interativamente: npx remotion studio.
5. Entrega
Entregue o MP4, o JSON e uma legenda com 3–5 hashtags. Música e SFX já estão no MP4: uma faixa original gerada cujo BPM corresponde ao tempo. Para usar um som viral, renderize com "music": false e adicione o som no aplicativo; os cortes ainda seguem uma grade de 92/118/140 bpm.
Temas × tempos
| tema | aparência | melhor para |
|---|---|---|
midnight | índigo céu noturno, detalhes âmbar quentes, brilho suave, mascote | IA/tecnologia, storytelling, esquetes POV |
paper | papel creme, contornos pretos, sombras "adesivo" deslocadas | educação, fatos científicos, estilo de vida, comédia |
terminal | quase preto, verde fósforo, grade 3D rolante | humor dev, hacking/segurança, jogos |
editorial | off-white, serifa, linhas calmas | finanças, negócios, notícias, autoaperfeiçoamento |
| tempo | velocidade de leitura | batida mínima | sensação |
|---|---|---|---|
chill | 2,6 pps | 1,6 s | storytelling, emocional |
fast (padrão) | 3,5 pps | 1,0 s | a maioria dos conteúdos |
hyper | 4,0 pps | 0,75 s | memes, listas rápidas, humor Gen-Z |
meta.mascot: false remove o mascote (use para conteúdo sério ou de marca). meta.mascotName o renomeia.
meta.world: "flat" elimina o mundo 3D (somente 2D, ~3× mais rápido). meta.music: false ou { file, bpm, volume }. meta.sfx: false silencia os whooshes.
Arquivos de referência (leia quando necessário)
references/beats.md: cada tipo de batida, seus campos e quando usá-lo. Leia antes de escrever um roteiro.references/adaptation.md: nicho → tema/tempo/arco, com sequências de batidas prontas.references/retention.md: fórmulas de gancho, interrupções de padrão, loops, CTAs.references/camera-and-music.md: cenários, os 14 planos de câmera, regras de sincronização de batida, música personalizada, velocidade de renderização.references/tempo-and-motion.md: a matemática do tempo e os princípios de movimento; leia antes de alterar o código.references/style-principles.md: os princípios visuais por trás da aparência (mundo de humor, destaque, personagem, ritmo).references/originality.md: regras para se manter original (leia antes de qualquer solicitação de marca/IP).references/extending.md: adicione um tema, tipo de batida, mascote personalizado, música ou narração, ou outras proporções de tela.