kguevaram94/remotion-playground

Remotion Shorts — skill du dépôt

Format officiel : logic-lateral

Référence : output/s4-19-interruptores/ · modèle : data/templates/script-logic-lateral.json.

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

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

cp data/templates/script-logic-lateral.json data/topics/mon-releve.json
npm run generer-short -- --input data/topics/mon-releve.json

Constructeur automatique (titre avec interrupteur/ampoule) : src/shorts/templates/three-switches.ts.

Règles d'or

1. Toute animation dépend de useCurrentFrame() / interpolate / spring.
2. Données déclaratives en JSON ; composants dans src/shorts/remotion/components/.
3. Ne pas ajouter GSAP, Anime.js ou Motion Canvas sans intégration officielle frame-sync et justification.
4. FFmpeg/Satori vont en post-traitement, pas dans la composition.
5. Ne pas casser HelloRemotion ni ScriptVideo.
6. Outro logic-lateral demande toujours de commenter.

Où intervenir

Changement	Fichier
Nouvelle scène visuelle	components/ + branche dans ShortVideo.tsx + schéma
Modèle / détection	src/shorts/templates/ + select.ts
Pipeline	src/shorts/pipeline/
Vignette	src/shorts/media/thumbnail.ts
FFmpeg	src/shorts/media/ffmpeg.ts
Options de rendu	render-video.ts (gl: angle, bundle cache)

Référence externe

• 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