Tutoriel 12 fevrier 2026

Creer des videos animees avec Claude Code et Remotion

Generez des videos d'animation professionnelles grace a l'IA — montage video, animations produits, videos explicatives — sans savoir coder ni monter.

Le concept : videos animees par l'IA

Avec Claude Code et Remotion, vous pouvez generer des videos animees professionnelles : montage video, animations produits, videos explicatives pour des logiciels. Le tout sans savoir coder ni monter de video.

Ce qui fait la difference aujourd'hui, c'est le prompting — savoir parler a l'IA — et la capacite a utiliser les bons outils ensemble.

Qu'est-ce que Remotion ?

Remotion est un framework qui permet de creer des videos animees en code. On va l'installer dans Claude Code, ce qui nous permettra de developper des animations avec l'intelligence artificielle.

En pratique : vous decrivez ce que vous voulez, et l'IA genere le code necessaire pour creer l'animation.

Installation de l'environnement

Etape 1 : Installer VS Code (ou Antigravity)

Telecharger et installer un editeur de code comme VS Code ou Google Antigravity. Ouvrez-le et creez un nouveau dossier pour votre projet (ex: remotion-test).

Etape 2 : Installer Claude Code

Dans l'editeur, allez dans Extensions et cherchez "Claude Code". Installez l'extension. Une fois installee, vous aurez acces au chat Claude Code en bas a gauche ou en haut a droite de l'interface.

Etape 3 : Installer Remotion

Allez sur le site de Remotion, copiez la commande d'installation, et collez-la dans le chat Claude Code :

npx create-video@latest

Acceptez les autorisations demandees. Quand on vous demande un template, choisissez "Blank template" pour partir de zero.

Etape 4 : Installer le skill Remotion

Un "skill" est un ensemble d'instructions qui guide l'IA dans la generation d'animations. Cherchez github skill remotion et copiez l'URL du repository.

Dans Claude Code, demandez :

Installe ce skill : [URL du repo GitHub]

Cela creera un dossier .claude/skills avec des regles en format Markdown qui guideront l'IA pour creer vos animations.

Creer votre premiere animation

Preparer le fichier prompt

Creez un dossier prompt et a l'interieur un fichier prompt.md. Ce fichier contiendra vos instructions de generation.

Vous pouvez utiliser un template de 300 lignes qui structure automatiquement vos animations. L'idee est de decrire ce que vous voulez creer.

Lancer la generation

Exemple de prompt :

J'aimerais une animation qui explique le fonctionnement de Claude Code.
Utilise le fichier prompt.md pour generer l'animation et utilise aussi le skill remotion.
Je veux 12 scenes sur 30 secondes.

Claude Code va :

  1. Creer un plan de scenes (intro, explications, conclusion)
  2. Generer le code pour chaque scene (plusieurs centaines de lignes par scene)
  3. Structurer le tout dans un format JSON

Previsualiser et exporter

Une fois la generation terminee, demandez a Claude Code :

Lance l'application

Autorisez la commande npm start. Un lien localhost apparaitra — cliquez dessus pour ouvrir Remotion Studio.

Vous verrez une interface de type timeline avec votre video. Lancez la lecture pour voir le rendu.

Exporter en MP4

Pour exporter, cliquez sur Render puis Render video. Votre video sera exportee en format MP4.

Ameliorer votre animation

C'est la que le "vibe coding" entre en jeu : vous discutez avec l'IA pour affiner votre video.

Exemples de demandes d'amelioration :

  • Rajoute deux scenes et ameliore les transitions entre les scenes
  • Enleve les transitions de gauche a droite pour des transitions differentes
  • L'icone est compressee, il faut que la taille fasse la taille de l'image

L'apparition des textes en motion design est particulierement professionnelle — c'est le genre d'effet que font les motion designers.

Ajouter des assets

Pour ameliorer vos animations, apportez vos propres elements :

  • Icones — telechargez des icones PNG avec fond transparent
  • Logos — le logo de la marque ou du produit
  • Captures d'ecran — dashboards, interfaces
  • Libraries d'icones — installez des packages comme react-icons

Placez vos images dans le dossier public du projet Remotion. Ensuite, demandez a Claude Code de les integrer :

Integre l'icone qui est dans le dossier public pour la mettre en introduction

Methode alternative avec l'agent Antigravity

Si vous etes sature en credits Claude Code, vous pouvez utiliser l'agent integre a Google Antigravity pour continuer a developper.

Exemple de prompt pour generer une animation a partir d'un site web :

Cree-moi une animation explicative de [URL du site] en mode douleur/benefice.
Utilise le skill remotion et le prompt.md.
Les transitions doivent etre diverses et en rapport avec la DA du site.
Je veux 15 scenes sur 30 secondes.
Je te donne l'icone en fichier joint.

L'agent ira chercher les informations sur le site web, extraira les donnees et generera une animation adaptee.

Conseils pour des animations reussies

  • Iterez — le premier rendu est une base, ameliorez-le par la conversation
  • Apportez des elements graphiques — icones, images UI, logos
  • Soyez precis dans vos transitions — specifiez quelle transition par scene
  • Utilisez des libraries d'icones — installez des packages pour avoir plus d'options
  • Entrainez-vous — comme tout outil, la maitrise vient avec la pratique

Ca prend vraiment beaucoup moins de temps que de faire ca a la main, et pas besoin de savoir monter.

Aujourd'hui, vous pouvez deja commencer a generer des videos animees grace a l'intelligence artificielle avec seulement deux outils : Claude Code et Remotion. Et je parle de vraies videos animees — montage video, animations produits, videos explicatives pour des logiciels.

La majorite passe a cote en pensant qu'il faut etre developpeur ou etre motion designer. Mais c'est faux, les barrieres sont en train de tomber grace a l'IA. Aujourd'hui, ce qui fait la difference, c'est le prompting — savoir parler a l'IA — et la capacite a utiliser les bons outils.

Remotion permet de faire des videos animees grace a l'IA. On va venir l'installer dans Claude Code ce qui va nous permettre de developper avec l'intelligence artificielle car en fait c'est du code qu'on va developper.

Pour installer Claude Code dans votre editeur, allez dans Extensions et tapez "Claude Code". Installez-le. Ensuite, allez sur le site de Remotion, copiez la commande d'installation, collez-la dans le chat Claude Code et lancez. Quand il vous demande un template, choisissez "Blank template".

Ensuite, installez le skill Remotion. Un skill, c'est du code, des instructions qui permettent a l'IA de savoir comment generer votre animation. Cherchez "github skill remotion", copiez l'URL et dites a Claude Code de l'installer.

Pour generer votre premiere animation, creez un dossier "prompt" avec un fichier "prompt.md" dedans. Decrivez ce que vous voulez — par exemple "j'aimerais une animation qui explique le fonctionnement de Claude Code, utilise le skill remotion, je veux 12 scenes sur 30 secondes".

Claude Code va creer un plan de scenes, generer le code pour chaque scene, et structurer le tout. Une fois termine, dites "lance l'application". Un lien localhost apparait, cliquez dessus pour ouvrir Remotion Studio et voir votre video.

Pour ameliorer, discutez avec l'IA : "rajoute deux scenes", "ameliore les transitions", "l'icone est comprimee, agrandis-la". C'est le vibe coding — vous itérez par la conversation.

Apportez vos propres elements : icones, logos, captures d'ecran. Mettez-les dans le dossier "public" et demandez a Claude Code de les integrer. Vous pouvez aussi installer des packages comme react-icons pour avoir plus d'options.

Ca prend vraiment beaucoup moins de temps que de faire ca a la main et pas besoin de savoir monter au final. A vous de discuter avec l'IA pour lui dire ce qu'elle doit faire et ce que vous voulez qu'elle change.

Essayer Remotion

Le framework pour creer des videos en code, maintenant accessible via l'IA.

Site officiel Remotion
Retour aux articles