Remotion est un framework qui permet de créer des vidéos avec du code React. Couplé à Claude Code, tu décris la vidéo que tu veux et Claude génère tout le code Remotion pour la produire — animations, timing, assets, exports — sans toucher à un logiciel de montage.
Pourquoi c'est puissant
- Vidéos 100% reproductibles et versionnées dans Git
- Changements programmatiques : modifier la couleur ou le texte de 100 scènes en une ligne
- Templates réutilisables pour du contenu en série
- Export en haute qualité sans abonnement logiciel
- Intégration dans des pipelines CI/CD pour de la vidéo automatisée
Installation
# Créer un projet Remotion
npx create-video@latest my-video
cd my-video
npm install
# Lancer le player de prévisualisation
npm start
Exemple de prompt pour Claude
"Crée une vidéo Remotion de 30 secondes pour présenter
mon SaaS AutomationBoost :
- 0-5s : Logo animé avec effet glitch sur fond noir
- 5-15s : 3 features défilantes avec icônes et texte
- 15-25s : Témoignage client avec avatar et citation
- 25-30s : CTA avec URL et bouton pulsant
Style : cyberpunk, palette or/noir, font Orbitron"
💡 Cas d'usage concrets
Démos produit pour Product Hunt, vidéos d'onboarding in-app, reels LinkedIn automatisés depuis des données, vidéos de changelog après chaque release.
Automatiser la production en série
# Générer 30 reels différents depuis un JSON de données
const episodes = require('./episodes.json');
episodes.forEach(ep => {
renderMedia({
composition: 'EpisodeTemplate',
inputProps: ep,
outputLocation: `out/episode-${ep.id}.mp4`
});
});
⚡ Conseil pro
Commence par un template simple (texte + logo + animation entrée/sortie), valide que le rendu te plaît, puis demande à Claude de l'enrichir progressivement. Évite de tout générer d'un coup sur une vidéo complexe.