ENFR
8news

Tech • IA • Crypto

BriefingVidéos du jourBriefings vidéoTopicsTop 50 du jourRésumés quotidiens

Claude Code + Remotion : des vidéos illimitées juste en promptant

Ingénierie IABen BK26 avril 202611:18
0:00 / 0:00

INTRO

Une combinaison de Remotion et d’assistants de code IA permet désormais de générer des vidéos animées à partir de simples prompts en quelques minutes, bien que des limites subsistent.

Points clés

Remotion gagne en popularité grâce à l’intégration de l’IA

Remotion, un framework open source basé sur React, permet de créer des vidéos via du code plutôt qu’avec des outils de montage traditionnels. Son essor récent est lié à une meilleure compatibilité avec les assistants de code IA, permettant une génération d’animations plus rapide et fiable. Ce changement réduit les barrières techniques et élargit l’accès au-delà des développeurs.

Les compétences d’agent transforment le flux de travail

Une avancée majeure est survenue en janvier 2026 avec l’introduction des agent skills, qui fournissent aux outils IA une connaissance structurée de Remotion. Cela réduit fortement les erreurs, comme la génération de code invalide, et permet de produire plus régulièrement des composants vidéo fonctionnels. Le résultat est un flux de travail plus fluide et prévisible.

Du prompt à la vidéo en quelques minutes

Les utilisateurs peuvent désormais générer de courtes animations — comme une intro YouTube de 3 secondes à 30 FPS — en décrivant les éléments visuels en langage naturel. L’IA traduit les prompts en composants React, gère les dépendances et rend des aperçus presque instantanément. Des ajustements simples, comme l’intensité d’un effet lumineux ou le timing, peuvent aussi se faire de manière conversationnelle.

Scalabilité basée sur des templates

L’un des points forts de Remotion est sa scalabilité. Une fois un template créé, il peut être réutilisé pour générer plusieurs variations de vidéos pour différentes marques ou contextes. Cela le rend particulièrement utile pour les équipes marketing produisant de grands volumes de contenu avec un style cohérent.

Intégration avec les projets web

Comme les sorties sont construites en React, les animations peuvent être réutilisées directement dans des applications web ou interfaces. Les ressources comme les polices, l’audio et les images peuvent être stockées dans les répertoires du projet et intégrées sans friction, brouillant la frontière entre production vidéo et développement frontend.

Export et capacités de production

Les compositions générées peuvent être rendues dans des formats standards comme MP4, les rendant adaptées à une diffusion sur différentes plateformes. Le rendu est automatisé dans le flux de travail, permettant de passer du concept à l’export sans changer d’outil.

Faible consommation de tokens, avec des limites

Malgré l’usage de l’IA, le système reste relativement efficace en consommation de tokens, car une grande partie de la logique est prédéfinie dans Remotion. Toutefois, des projets plus complexes peuvent augmenter les coûts de calcul, notamment pour les utilisateurs avec des abonnements d’entrée de gamme.

Limites sur les animations complexes

Le système peine avec des animations très complexes, surtout lorsque plusieurs instructions sont données simultanément. Les meilleurs résultats s’obtiennent avec des prompts progressifs et un affinage étape par étape, plutôt qu’en tentant de générer des séquences complexes en une seule fois.

Défis de synchronisation audio

La synchronisation des visuels avec des pistes audio reste inégale. Les utilisateurs doivent souvent exporter la vidéo et finaliser les ajustements dans des logiciels dédiés comme CapCut, ce qui montre que le flux de travail n’est pas encore entièrement de bout en bout.

Pas un remplacement complet des outils de montage

Remotion ne vise pas à remplacer des outils traditionnels comme Adobe Premiere Pro. Il excelle dans les motion graphics, intros et éléments animés réutilisables, mais convient moins au montage long format ou aux contenus narratifs.

Considérations de licence et de coûts

Le framework est gratuit pour les particuliers et les petites équipes jusqu’à trois utilisateurs, mais un passage à l’échelle implique des coûts de licence. De plus, un usage intensif de l’IA peut devenir coûteux, notamment pour les utilisateurs produisant de gros volumes de contenu quotidiennement.

Vers une création pilotée par prompts

L’implication plus large est un passage vers des flux de création pilotés par prompts, où les utilisateurs définissent l’intention plutôt que de construire manuellement les éléments. Bien qu’encore en évolution, cette approche transforme rapidement la production de contenu vidéo, surtout pour les formats courts et les médias de marque.

Transcription complète

Tu vois cette vidéo, cette intro animé que tu es en train de regarder là juste maintenant, je l'ai pas créé avec After Effect Première d'invinci. J'ai pas téléchargé un template Canva, je l'ai littéralement prompté dans mon terminal en français et j'ai fait ça en quelques minutes. Le combo qui rend ça possible, c'est Cloud Code et remotion. Et depuis quelques mois, c'est devenu tellement accessible que même si tu ne sais pas coder, c'est possible de faire ça. Dans cette vidéo, je te montre tout. Qu'est-ce que c'est Remotion ? Pourquoi maintenant ça marche vraiment ? Comment installer le truc en 5 minutes et on génère ta première vidéo ensemble en live ? Et je dis aussi les vraies limite parce que oui, il y en a. C'est parti. Une des premières choses à comprendre, c'est que Remotion ce n'est pas ici un outil qui génère des vidéos IA. En fait, c'est complètement même différent. Remotion, c'est un framework open source qui te permet de créer des vidéos avec du code, plus précisément avec React. Et on va le voir hein, mais concrètement, tu vas écrire des composants React. Alors, c'est Claudre qui va le faire hein. Donc pour les gens qui ne connaissent pas React, pas de souci, vous pouvez rester. De toute façon, vous allez pas coder du tout, c'est Claude qui va tout faire. Mais en tout cas, de base, quand on utilisait Remotion, on disait "Bah OK, je veux un texte. Au bout d'une seconde, il va s'agrandir. Puis au bout d'une seconde, il va devenir violer et on écrivait du code pour lui dire de faire ça." Il y a pas mal d'avantages à utiliser remotion parce que c'est vraiment déjà très précis. C'est basé sur du code. C'est aussi éditable. Donc on peut venir modifier des détails après coup et aussi c'est scalable. Donc ce qui est bien c'est qu'on peut faire des templates et ensuite lui dire "Ah bah pour les 100 marques là pour lesquelles je dois faire 10 vidéos, tu vas te baser sur ce template et venir ben personnaliser cette vidéo pour cette marque en fonction du template." Et aussi ma remotion existe depuis des années. Alors pourquoi on en parle maintenant ? Bah parce que avant ça communiquait très mal avec Claude Code mais en janvier 2026 l'équipe de remotion a vraiment publié quelque chose qui a changé la donne les agent skills. Avant quand on demandait à Claude de faire une vidéo remotion, bon ça partait dans tous les sens. Il arrivait pas à comprendre ce qu'il devait faire. C'était vraiment galère. Mais désormais avec les agents skills, on a Claude qui a toute la connaissance ici de remotion en background. Et le résultat c'est que Cloud Code arrête d'inventer du code qui n'existe pas dans Remotion. Donc écoutez, c'est parti. On va créer ici un nouveau projet, un nouveau dossier remotion par exemple que je vais ouvrir directement avec VS Code. Alors pour les gens qui sont un peu débutants dans Cloud et surtout en informatique, j'ai créé une vidéo pour comprendre et installer tous les outils Git, GitHub, npm, Node, VS Code, terminal. Tous ces outils, il faut les comprendre et les installer. Donc si tu ne les as pas installé, voici la vidéo pour comprendre et installer tout ça. En attendant pour les autres, j'ai fait pas mal de tests avec Remotion et Cloud et je pense vraiment que le mieux en tout cas, c'est déjà de créer le projet Remotion avant même ici de lancer Cloud. Sinon, globalement, il va rien capter. Il va faire que des bêtises. Claude va essayer de créer le projet Remotion mais va faire n'importe quoi. Donc on va déjà ici créer le projet Remotion directement. Donc pour cela, vous allez lancer cette commande et appuyer sur entrée. Alors la première bonne chose, c'est qu'il y a tout plein de template. Alors nous pour le moment, on va commencer avec un template vide. C'est la meilleure façon ici de démarrer. Je vous laisserai regarder. Il y a vraiment des templates de malade pour faire des vidéos euh TikTok. Ensuite, il y a aussi qui est vraiment très bien. Bref, on peut faire énormément de choses mais déjà faut maîtriser ici les bases. Donc on va sélectionner blanc, on va en effet rajouter tail wind et surtout les agent skills. Ça c'est vraiment très important. Ne mettez pas no ici, mettez yes et vous appuyez sur entrer. Vous lancez tout ça. Au niveau des agents à installer, je vais tous les ajouter tout simplement. Je vais les ajouter au scope du projet actuel, pas en global pour le moment. Et je vais ici valider le SIM link et lancer l'installation. Alors, open in VS Code, c'est déjà ouvert dans VS Code. Donc voilà, à partir de là, on peut voir un peu où on est. OK, on est au bon endroit. Encore une fois, ls, je l'explique dans la vidéo sur les bases que j'ai sorti hier. Et là, on va par conséquent lancer cloud. Alors, vous vous dites "Oui, mais ça va consommer énormément de token." Moi, je suis en plan max cinq fois. Franchement, ça consomme vraiment pas grand-chose. Je peux générer pas mal de vidéos et au final à la fin de la journée, je suis à 40 50 % ça va quoi. Donc pour une vidéo, même si vous êtes sur le plan pro à 20 dollars, ça sera normalement tout à fait bon. Pourquoi ? Parce qu'en arrière-plan, ça reste du code React. Il y a pas mal de choses déjà préfaites avec remotion et par conséquent, ça consomme pas trop. Et là maintenant, si vous avez une idée précise, n'hésitez pas avant tout à communiquer avec Cloud. Alors, personnellement, je vais sur l'appud desktop. Je communique un peu avec lui et j'essaie vraiment ici de mettre les idées à plat. Et ensuite, je lui dis en fonction de tout ce que je veux, essayez d'être précis ici au niveau de ce que vous voulez. Bah, en fonction de ce que je veux, génère-moi le prompt que je dois indiquer à remotion. Donc ici pour commencer, on va vraiment balancer un prompt très simple. Créer une intro YouTube de 3 secondes pour ma chaîne BenBK sur fond noir. Le texte BenBK apparaît au centre avec un fade et un glow violet. On met la couleur ici hexadécimale ou vous pouvez aussi dire violet hein tout simplement. N'hésitez pas en effet à indiquer le format. Donc ça c'est un bon format de vidéo. 30 images par seconde. Inspire-toi de l'esthétique d'une chaîne tech moderne. C'est parti. Donc voilà, là il va lancer les skills, les agents et cetera, mais globalement ça va pas prendre de temps. OK, donc on voit que il est en train de créer les fichiers hein, les composants React ici en TSX. C'est parti, je valide. Voilà, donc je continue ici à dire oui oui oui. Donc il est possible qu'il doit faire des npm install pour installer des dépendances. Et pour les détails, là il est en train de modifier des fichiers dans SRC. Et là, ils nous disent pour prévisualiser rendre, on va faire un NPX Remotion Studio. Donc là, je vais faire ça dans un nouveau terminal directement. On voit que le serveur est lancé, donc ça va ouvrir le navigateur, ce qui fait que désormais, j'arrive là-dessus. Alors, mon intro est à gauche ici. Et on va appuyer sur espace pour lancer tout ça. Voyons voir un peu ce qu'il m'a fait. Bon, c'est très simple pour le moment. Et donc là, bah ça sera le moment justement de venir faire des modifs. Moi, je trouve que le glow est un peu fade. Je vais lui dire augmente l'intensité et faire en sorte que le texte pulse légèrement après le fadein. Je vous rassure, après on va faire des choses un peu plus complexes. Donc là, encore une fois, on va autoriser les changements dans la composition. Voilà, il a fait la mise à jour. Voyons voir un peu ce qu'on a désormais. Alors, je vais par contre devoir relancer le NPX Reotion Studio qui a quitté à cause de la mise à jour qu'il a faite et désormais on a ce résultat. Et oui, bon, en effet, il a fait les changements que j'ai demandé, mais maintenant faisons quelque chose de plus complexe. Mais avant tout, dans le dossier out ici, on a plusieurs preview et ce qu'il est important de savoir c'est qu'on peut générer, convertir ces vidéos en MP4. Donc là, je vais lui dire exporte cette vidéo en MP4. Ça, ce sera vraiment un bon format vidéo. Et encore une fois, puisque tout ça c'est du React, ben vous allez pouvoir utiliser aussi ces animations directement sur votre application, sur votre site. Et écoutez, là on voit que désormais il a bien généré la vidéo de l'animation. Autre chose à savoir, dans le dossier pas out mais public, vous pouvez mettre des éléments, donc d'autres vidéos. mais aussi des polices d'écriture, des images, du son. Donc ça c'est important à savoir. Et désormais, ce serait pas mal de faire ici tout simplement une autre animation, une autre vidéo plus avancée. Donc pour cela, j'ai un prompt un peu plus compliqué que je vous mettrai directement à l'écran. Alors encore une fois, je l'ai vraiment généré directement avec Cloud. Donc au niveau des promptes, vous embêtez pas, dites à Cloud ce que vous voulez et il va vraiment vous dire le texte à mettre directement dans Cloud Code pour communiquer avec remotion. Donc voilà, c'est parti, on lance ce prompt. Et bien entendu, dans un même projet, vous pouvez créer une nouvelle composition. Il va garder l'ancienne. Donc là, je crée autre chose, il va me garder mon introduction, il va pas l'effacer. Donc il sera tout à fait possible d'avoir plusieurs vidéos dans un même projet Remotion. Bon là par contre, ça consomme quand même pas mal de token, faut bien l'avouer. OK, donc on dirait que Claude me fait le rendu automatiquement en MP4. Il prend un peu la confiance mais bon. Très bien. Et il vient de terminer. Ben écoutez, on va regarder un peu la vidéo directement. OK, donc ça c'était la vidéo d'introduction. Ça c'est la bonne, l'actuelle. On va venir l'afficher. Et du coup, voici le résultat. C'est parti. Ouais, c'est pas mal. C'est pas mal. En tout cas, ça m'a pris 6 minutes pour faire ça. Si j'avais dû faire ça avec un outil vidéo, ça m'aurait pris bien plus de temps. Mais voilà, on se rend compte qu'il y a quand même des limites. Et la première limite, c'est pour les animations complexes. Vous allez le voir, ça peut être des fois un peu compliqué. Il va s'en mêler les pinceaux. La règle d'or, c'est un peu de commencer petit à petit et vraiment de faire les choses pas à pas. Si tu lui donnes énormément de choses à faire d'un coup, il va un peu galérer. Deuxième point faible, c'est tout ce qui est synchronisation avec l'audio. Après avoir fait pas mal de tests, c'est toujours un peu galère. Il faut globalement un peu éditer les choses ensuite dans un logiciel spécialisé comme CapCut ou autre. Troisièmement, c'est pas un remplaçant de première par exemple. Moi, je pourrais pas monter une vidéo de 15 minutes où je parle comme ça directement en face de vous avec ça. Remotion, c'est vraiment bien pour le motion graphique par exemple aussi, faire une belle introduction ou les éléments aussi animés à intégrer à un montage classique. Et la 4è limite, bah c'est la licence. C'est gratuit pour les individus et structure jusqu'à trois personnes. Et cinquièmement, il y a quand même un 5è aussi, c'est que vraiment au niveau du coût, ça peut quand même être un peu élevé. Bon, ça dépend. Si vous avez le forfait max x 5, globalement ça va. Mais c'est vrai qu'avec un forfait pro à 20 dollars, ça peut être compliqué. Surtout si vous faites des vidéos toute la journée. Là, ça ira pas du tout, forcément. Voilà, si vous avez aimé cette vidéo, n'hésitez pas à liker, commenter, partager et on se retrouve dans la prochaine vidéo.

Sur le même sujet : Ingénierie IA