Communitygithub.com

nonstop-motion

Crie vídeos verticais com motion graphics completos (Reels, Shorts, TikTok) sobre qualquer tema. Combinam um mundo 3D low-poly, cenas cinematográficas, um mascote 3D e gráficos cinéticos, com cada corte sincronizado com a música. Rápido, mas fácil de acompanhar, sem quadros estáticos.

O que é nonstop-motion?

A skill **nonstop-motion** transforma qualquer tópico em um vídeo vertical de motion graphics (9:16) com duração de 15 a 40 segundos, ideal para Reels, Shorts e TikTok. O processo é altamente automatizado: o usuário escreve um roteiro estruturado em JSON em vez de animar manualmente. O vídeo gerado possui três camadas de movimento contínuo (câmera, ambiente e conteúdo), garantindo que nunca haja um quadro estático. Cada corte é sincronizado com uma faixa de música original gerada automaticamente, com batidas marcando as transições e animações. A ferramenta é baseada no projeto Remotion, localizado na pasta `template/`, e suporta múltiplos temas visuais (midnight, paper, terminal, editorial) e tempos (chill, fast, hyper). Além disso, oferece beats pré-definidos como hook, stat, list, compare, ui, chat, dialog e cta, que podem ser combinados para criar narrativas envolventes e de alta retenção. O usuário só precisa fornecer um resumo do conteúdo e definir a estrutura narrativa, e o sistema lida com a renderização 3D, animação e sincronização musical.

Funciona com✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/zallxz/motion-content-shorts/tree/HEAD/skills/nonstop-motion

Perguntar na sua IA favorita

Abre um novo chat com esta habilidade de agente já pré-carregada.

Documentação

Nonstop Motion

Transforma um tópico em um vídeo vertical de motion graphics de 15 a 40 segundos que:

  1. Para a rolagem nos primeiros 0,5 s (o quadro 0 já mostra o gancho, nunca um fade do preto).
  2. Nunca para. Três camadas de movimento estão sempre ativas (câmera, ambiente, conteúdo).
  3. É 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.
  4. 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 em references/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 punch ou stat como 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 em chat, números em stat e A-vs-B em compare.
  • 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

temaaparênciamelhor para
midnightíndigo céu noturno, detalhes âmbar quentes, brilho suave, mascoteIA/tecnologia, storytelling, esquetes POV
paperpapel creme, contornos pretos, sombras "adesivo" deslocadaseducação, fatos científicos, estilo de vida, comédia
terminalquase preto, verde fósforo, grade 3D rolantehumor dev, hacking/segurança, jogos
editorialoff-white, serifa, linhas calmasfinanças, negócios, notícias, autoaperfeiçoamento
tempovelocidade de leiturabatida mínimasensação
chill2,6 pps1,6 sstorytelling, emocional
fast (padrão)3,5 pps1,0 sa maioria dos conteúdos
hyper4,0 pps0,75 smemes, 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.

Habilidades Relacionadas