kguevaram94/remotion-playground

Remotion Shorts — skill do repositório

Formato oficial: logic-lateral

Referência: output/s4-19-interruptores/ · template: data/templates/script-logic-lateral.json.

Beat: hook → rules → countdown → explanation → reveal → outro (CTA comentar).

Visuais: logic-room, switch-sequence, bulb-state-reveal (+ countdown, text).

cp data/templates/script-logic-lateral.json data/topics/mi-reto.json
npm run generar-short -- --input data/topics/mi-reto.json

Construtor automático (título com interruptor/lâmpada): src/shorts/templates/three-switches.ts.

Regras de ouro

1. Toda animação depende de useCurrentFrame() / interpolate / spring.
2. Dados declarativos em JSON; componentes em src/shorts/remotion/components/.
3. Não adicionar GSAP, Anime.js ou Motion Canvas sem integração oficial frame-sync e justificativa.
4. FFmpeg/Satori vão em pós-processamento, não dentro da composição.
5. Não quebrar HelloRemotion nem ScriptVideo.
6. Outro logic-lateral sempre pede comentar.

Onde mexer

Alteração	Arquivo
Nova cena visual	components/ + branch em ShortVideo.tsx + schema
Template / detecção	src/shorts/templates/ + select.ts
Pipeline	src/shorts/pipeline/
Thumbnail	src/shorts/media/thumbnail.ts
FFmpeg	src/shorts/media/ffmpeg.ts
Opções de render	render-video.ts (gl: angle, bundle cache)

Referência externa

• https://www.remotion.dev/docs/third-party
• https://www.remotion.dev/docs/ffmpeg
• https://www.remotion.dev/docs/three
• https://www.remotion.dev/docs/rive