Ce que c'est et pourquoi ça compte
Monter à la main 45 secondes de vidéo verticale, ce sont des heures : coupes, sous-titres mot par mot, timing. Et si vous changez une phrase du script, vous refaites la moitié du travail.
Remotion change la donne : c'est une bibliothèque qui fait des vidéos avec React. Chaque vidéo est un projet React, chaque scène est un composant, c'est-à-dire un morceau de code qui dit ce qu'il y a à l'écran à chaque image. Comme c'est du code, Claude Code sait l'écrire, le modifier et l'exporter. Vous changez une phrase, vous régénérez, et la vidéo change.
Nos vidéos, on les fait comme ça, avec une skill à nous : je lui écris l'idée et elle fait le script, les voix, les sous-titres, les scènes, l'export, puis elle contrôle les images une par une. Ce guide est pour ceux qui doivent publier des vidéos et n'ont pas le temps, ou l'envie, d'apprendre le montage.
1. Le projet et les skills officielles
Il vous faut Node.js et Claude Code. Remotion a une page dédiée à Claude Code, et voici ses commandes, dans l'ordre :
npx create-video --yes --blank my-video cd my-video npx remotion skills add npm run dev
La première crée un projet vide, la troisième installe les skills de Remotion pour les agents, la dernière ouvre Remotion Studio : l'aperçu de la vidéo dans le navigateur. Ensuite, dans un second terminal, dans le même dossier, vous lancez claude. Les skills s'installent aussi avec npx skills add remotion-dev/skills. Chacune s'appelle avec la barre oblique :
- /remotion-best-practices : elle contient toutes les autres. Si vous ne savez pas laquelle utiliser, prenez celle-ci.
- /remotion-create : un nouveau projet ou une nouvelle composition (une composition, c'est une vidéo, avec ses dimensions, ses images par seconde et sa durée).
- /remotion-markup : animations, mise en page, textes, polices, audio et timing.
- /remotion-captions : les sous-titres.
- /remotion-render : exporte une vidéo ou une seule image.
- /remotion-upgrade : met à jour Remotion et les skills installées.
2. Du script au fichier final
- Le script. Des phrases courtes, une idée par phrase. Chez nous, 45-55 secondes, c'est environ 120 mots.
- Les voix : ElevenLabs ou OmniVoice. Un fichier audio par réplique : comme ça, chaque scène dure exactement le temps de sa phrase, et si vous en changez une, vous ne régénérez que celle-là.
- Les sous-titres calés sur les mots. On transcrit l'audio avec le timing de chaque mot. Remotion le fait aussi en local, gratuitement, avec Whisper.cpp (le paquet @remotion/install-whisper-cpp), et avec createTikTokStyleCaptions() il regroupe les mots en pages comme sur les réseaux sociaux.
- Les scènes. Un composant par scène, mises bout à bout avec le timing tiré de l'audio, jamais tapé à la main. C'est la composition qui fixe les dimensions : pour une vidéo verticale, 1080×1920.
- L'export, avec npx remotion render. Puis le contrôle, qui mérite sa propre section.
Crée une vidéo verticale de 45 secondes à partir de ce script : [script]. Utilise Remotion, 1080×1920, une scène par phrase, des voix avec [ElevenLabs ou OmniVoice], un fichier audio par réplique, des sous-titres calés sur les mots. Prends le timing dans l'audio, ne le tape pas à la main. Avant d'exporter, montre-moi la liste des scènes avec début et fin.
3. Le contrôle des images
C'est la partie qui fait la différence, et celle que je ne ferais jamais à la main. Claude ne regarde pas une vidéo comme vous, mais les images, oui. Alors il exporte des images fixes aux moments qui comptent, une avec npx remotion still, plusieurs d'un coup avec npx remotion render et l'option --frames, et les met sur une planche contact : une page avec toutes les images en grille. Ensuite, il la regarde et cherche :
- du texte qui déborde ou finit sous les boutons du réseau social ;
- un sous-titre qui ne correspond pas au mot prononcé à ce moment-là ;
- une image vide ou noire pile sur la coupe ;
- un élément qui apparaît trop tôt, ou un écran qui ne montre pas ce que dit la voix.
Contrôle chaque coupe sur une planche contact : exporte une image juste avant et une juste après chaque coupe, plus une au milieu de chaque sous-titre, mets-les dans une grille avec le numéro de l'image en dessous et regarde-la. Trouve-moi les textes coupés, les sous-titres faux, les images vides. Corrige, réexporte et refais la planche jusqu'à ce qu'elle soit propre. Ensuite, dis-moi ce que tu as corrigé.
4. Tout dans une skill, une commande avec l'idée
Quand le parcours marche, vous le rangez dans une skill. Une skill, c'est un dossier avec un fichier SKILL.md dedans : les instructions que Claude Code suit quand vous tapez /nom-de-la-skill. Mettez-la dans ~/.claude/skills/<nom>/SKILL.md pour l'avoir dans tous vos projets, ou dans .claude/skills/<nom>/SKILL.md pour l'avoir seulement dans celui-ci. Ce que vous écrivez après la commande arrive dans la skill sous la forme $ARGUMENTS. La nôtre fonctionne ainsi : je tape la commande et l'idée, elle fait le reste.
--- name: video description: Crée une vidéo verticale avec Remotion, de l'idée au fichier final. disable-model-invocation: true argument-hint: [idée de la vidéo] --- Idée : $ARGUMENTS 1. Écris le script : <durée>, phrases courtes. Montre-le-moi et attends mon feu vert. 2. Génère les voix avec <ElevenLabs ou OmniVoice>, un fichier par réplique. 3. Transcris l'audio avec le timing de chaque mot et cale les sous-titres sur les mots. 4. Construis les scènes en suivant style.md. 5. Exporte en 1080×1920. 6. Fais la planche contact de chaque coupe et contrôle-la avec controles.md. Corrige jusqu'à ce qu'elle soit propre. 7. Dis-moi où est le fichier et ce que tu as corrigé.
disable-model-invocation: true veut dire qu'elle ne démarre que quand vous l'appelez : une vidéo coûte du temps et des crédits de voix, mieux vaut ne pas la lancer par erreur. Le style et la liste des contrôles sont dans des fichiers à part, dans le même dossier : Claude ne les lit que quand il en a besoin. La documentation conseille de garder SKILL.md sous les 500 lignes.
Transforme ce qu'on a fait aujourd'hui en skill : crée .claude/skills/video/SKILL.md avec les étapes dans l'ordre, mets le style dans style.md, et les contrôles et les erreurs qu'on a trouvées dans controles.md. Utilise disable-model-invocation: true et l'idée dans $ARGUMENTS.
5. La licence de Remotion
Remotion est gratuit, y compris pour un usage commercial, si vous êtes un particulier, une entreprise de 3 salariés au plus ou une organisation à but non lucratif, et aussi pour l'essayer avant de l'utiliser pour le travail. Au-delà de 3 salariés, il faut la Company License. Vous ne pouvez pas revendre Remotion ni votre propre version modifiée. Avant de vous lancer, relisez la page de la licence, car les conditions peuvent changer, et vérifiez aussi les conditions du service que vous utilisez pour les voix.
Les erreurs les plus courantes
- Taper le timing des scènes à la main. Dès que vous changez une phrase, tout se décale : le timing se prend dans la durée de l'audio.
- Ne regarder que la vidéo finale. Une erreur qui dure une image, vous ne la voyez pas à vitesse normale : sur la planche contact, si.
- Des sous-titres tirés d'une transcription par phrases. Il faut le timing de chaque mot, sinon le texte arrive avant ou après la voix.
- Une skill qui démarre toute seule. Sans disable-model-invocation: true, Claude peut la lancer quand une demande y ressemble.
- Considérer la licence comme acquise. Si l'entreprise dépasse 3 salariés, il faut la Company License.
Check-list
- Le projet Remotion démarre et Remotion Studio affiche l'aperçu
- Les skills de Remotion sont installées et /remotion-best-practices répond
- Un fichier audio par réplique, et le timing des scènes vient de l'audio
- Les sous-titres suivent les mots, pas les phrases
- La planche contact de chaque coupe est propre
- La skill démarre avec /nom et l'idée, et seulement quand je l'appelle
- J'ai vérifié que la licence de Remotion couvre mon entreprise
Questions fréquentes
Faut-il connaître React ?
Non, c'est Claude qui écrit le code. Mais savoir lire une scène aide : quand quelque chose ne vous plaît pas, vous pouvez dire « remonte le titre dans la scène 3 » au lieu de « ça ne me convainc pas ».
Et si je change une phrase après l'export ?
Vous changez la phrase dans le script, vous régénérez seulement la voix de cette réplique, et Claude refait le timing, réexporte et recontrôle la planche contact. C'est pour ça qu'un fichier audio par réplique vaut le coup.
Ça marche seulement avec Claude Code ?
Non. La page de Remotion sur les agents cite aussi Codex, Kimi Code et OpenCode, et les skills suivent le standard ouvert Agent Skills. Ce guide utilise Claude Code parce que c'est ce que j'utilise.