Claude Code  ×  Remotion Motion Design · Automatisation
Workflow personnel · Génération vidéo

Une animation vidéo,
écrite depuis le terminal

Du prompt au fichier MP4 — sans ouvrir de logiciel de montage

Mon secret de production : au lieu d'animer image par image dans After Effects ou DaVinci Resolve, je décris l'animation voulue et Claude Code — l'outil CLI d'Anthropic — écrit et structure directement les composants nécessaires en React : scènes, timelines, transitions, texte animé.

Ces composants sont ensuite pris en charge par Remotion, un framework qui compile la composition React frame par frame et l'exporte instantanément en vidéo MP4 — à la résolution, au framerate et à la durée définis dans le code.

0Logiciel de montage
100%Généré par code
MP4Export direct
damien — remotion — 120×32
claude
"Crée une composition Remotion : logo qui pulse, puis reveal du titre"
✓ src/CompositionLogo.tsx écrit
npx remotion render out/video.mp4
✓ Rendered 760 frames — 1920×1080 · 24fps
● out/video.mp4

Rendu réel — exporté directement par Remotion, aucun montage manuel

01
Première étape

Écriture du
composant

Tout part d'une consigne en langage naturel donnée à Claude Code, directement dans le terminal. L'outil comprend la demande, génère les composants React/Remotion correspondants (<Sequence>, <AbsoluteFill>, interpolations d'animation) et les range dans la structure du projet — sans jamais quitter la ligne de commande.

Capture d'écran Claude Code en action dans le terminal
Écrit avec Claude Code (CLI)

Chaque composant reste du vrai code React, versionnable et réutilisable : je peux le modifier, le réutiliser sur un autre projet, ou demander à Claude Code de l'ajuster ("plus lent", "police différente", "ajoute un fondu") sans jamais toucher une timeline à la souris.

02
Deuxième étape

Rendu &
export

Une fois le composant validé, Remotion prend le relais : la commande npx remotion render compile la composition frame par frame et exporte directement un fichier vidéo prêt à l'emploi — résolution, framerate et durée sont définis dans le code, aucun réglage d'export à refaire à chaque fois.

Rendu par Remotion

Le rendu est déterministe : la même composition produit toujours la même vidéo, frame pour frame. Idéal pour itérer vite — je change un paramètre dans le code, je relance la commande, et le nouveau MP4 est prêt en quelques secondes.

Aperçu Animation générée — logo qui pulse
03
Ce que ça permet

Cas d'usage
concrets

La méthode s'applique à n'importe quel type d'animation — compteurs de statistiques, mise en avant de gains chiffrés, transitions de texte, habillages de réseaux sociaux. Chaque exemple ci-dessous est une composition Remotion distincte, écrite avec Claude Code puis exportée directement en MP4.

Statistiques Gain de temps Animation de durées, chronomètres ou valeurs numériques
Visualisation de données Graphiques interactifs Représentation visuelle de proportions et de pourcentages
Cartographie Points sur la carte Pop-up d'informations et géolocalisation animée sur la map
Données graphiques Histogrammes, courbes, logos animés et autre Animation de tendances, barres de progression et logos
Stack technique complète
Claude Code Remotion React TypeScript Node.js CLI / Terminal FFmpeg