Motion Explainer
Um modelo de projeto de vídeo completo, mais o runbook que produziu Fridges Hacked: What Doctors Must Learn About AI Security (11:05, 49 cenas, Outubro de 2026). Tudo que é necessário está dentro deste skill: o modelo (template/), seus scripts (incluindo cópias dos scripts Sarvam TTS e de masterização), e o exemplo funcional (examples/fridge-hack/). Nada aponta para a pasta do projeto original.
Quando usar qual skill
| Vídeo | Skill |
|---|---|
| Notícias, incidentes, caso de estudo, "lições de X": tipografia, mapas, páginas de jornal, indicadores | este skill |
| Desenhos, caneta e mão, anatomia traço a traço ou diagramas | remotion-whiteboard (inalterado; necessário para qualquer coisa desenhada) |
| Ordem de trabalho, alegações, script, voz, portões (qualquer vídeo) | youtube-video-production (seu modo motion aponta para este skill) |
| Miniaturas, carrosséis, texto para LinkedIn/Instagram/WhatsApp, upload no YouTube | video-promo-kit |
Início rápido
node ~/.claude/skills/remotion-motion-explainer/scripts/install.mjs ~/Projects/remotion-projects/<nome>
cd ~/Projects/remotion-projects/<nome> && npm run dev
O modelo abre com a história do fridge-hack para que a aparência fique visível imediatamente. Substitua src/data/scenes.json pela nova história.
A ordem de trabalho (portões em negrito)
- Fatos primeiro. Escreva uma ficha de fatos com fontes antes de qualquer narração. Todo número na tela precisa de um
sourceCitation. - História →
scenes.json. Narração por cena, componente + props, citações.npm run estimate && npm run narration; faça lint comnpm run tts:lint. - Pré-visualização silenciosa com legendas temporárias. Legendas de frases, durações estimadas. O proprietário aprova a história aqui; sem TTS antes disso.
- QA de stills:
npm run stills, folha de contato, corrija sobreposições (references/05). - Voz:
npm run tts→npm run tts:check(Whisper, todas as tomadas) → regravação ou reformulação →npm run tts:master→npm run captions. A duração das cenas agora vem do áudio. - Dicas de palavra: adicione
{"atWord": "..."}às props cujos eventos devem cair em uma palavra. - Som: efeitos disparam dos componentes; verifique a mixagem completa com uma renderização só de áudio (alvo −14 LUFS, ≤ −1 dBTP).
- Render apenas quando o proprietário autorizar (references/05).
- Capítulos (
npm run chapters), depois passe paravideo-promo-kit.
Onde os detalhes estão
| Arquivo | Leia em |
|---|---|
references/01-look-and-story.md | passo 1–2: a linguagem visual, arco narrativo, motivos, regras de escrita |
references/02-scene-graph.md | passo 2: todos os campos de scenes.json, dicas de palavra, transições |
references/03-components.md | passo 2–4: catálogo de componentes, props, regras de layout, como adicionar um |
references/04-voice-and-sound.md | passo 5–7: Sarvam, verificação Whisper, masterização, legendas, efeitos, música, níveis |
references/05-qa-render.md | passo 4, 8, 9: stills, folhas de contato, renderização, verificação, capítulos |
references/06-lessons.md | quando algo parece errado: todos os erros cometidos e sua regra |
examples/fridge-hack/ | o exemplo funcional: scenes.json, roteiro de narração, status, lições, stills da aparência |
Inegociáveis
- Sem logotipos ou marcas reais; nomes de veículos e empresas em texto simples; manchetes parafraseadas; visuais inventados rotulados como "ilustrativo".
- Sem etapas de exploração, código ou instruções para ataques em vídeos de segurança.
- Nunca especule sobre atribuição; diga "não atribuído publicamente até ".
- O proprietário aprova o script, a miniatura e a renderização. Pergunte em caso de dúvida.