Pour faire écrire une vidéo à Claude Code, deux frameworks dominent en 2026 : Remotion, l'historique, dont le dépôt date de 2020, édité par Remotion AG à Zurich, et HyperFrames, le challenger open source de HeyGen, dont le dépôt a été créé en mars 2026. Les deux ouvrent un vrai navigateur, dessinent chaque image et l'encodent avec FFmpeg. Ce qui les sépare tient en trois mots : React contre HTML. Et, pour une PME, un quatrième : la licence.
Un détail avant de lire quoi que ce soit d'autre sur le sujet : le seul tableau comparatif publié par un éditeur est celui de HyperFrames, dans son propre dépôt et sa documentation. Il est d'ailleurs plutôt honnête, nous y reviendrons. Mais un tableau à deux colonnes écrit par l'une des deux colonnes se lit avec un crayon à la main. Celui-ci a été reconstruit à partir des documentations des deux projets, consultées le 7 octobre 2026. Troisième article de notre série, après le guide Claude Code et motion design et le tutoriel Remotion pas à pas.
La réponse en 30 secondes
Choisissez Remotion si…
- votre équipe ou votre prestataire écrit déjà du React ;
- vous voulez l'écosystème le plus fourni : modèles, tutoriels, réponses en ligne ;
- vous comptez rendre en volume dans le cloud et voulez l'outil le plus éprouvé ;
- vous êtes 3 personnes ou moins, ou acceptez 25 $ par mois et par personne qui produit.
Choisissez HyperFrames si…
- vos supports existent déjà en HTML, CSS, GSAP ou Lottie ;
- personne chez vous n'écrit de React et vous voulez pouvoir ouvrir le fichier ;
- vous voulez une licence sans seuil d'effectif ni frais par rendu (Apache 2.0) ;
- vous cherchez des recettes prêtes : vidéo de lancement, explication, sous-titres.
Le tableau, ligne par ligne
| Critère | Remotion | HyperFrames |
|---|---|---|
| Éditeur | Remotion AG, Zurich ; dépôt créé en 2020 | HeyGen ; dépôt créé en mars 2026 |
| Ce que l'agent écrit | Des composants React (TypeScript) | Un fichier HTML, du CSS et du JavaScript |
| Étape de compilation | Oui, un bundler est nécessaire | Non, le fichier index.html se lit tel quel |
| Gestion du temps | Le code lit le numéro d'image et calcule les valeurs | Le moteur met l'animation en pause et la « cale » sur chaque instant |
| Bibliothèques d'animation | Les siennes ; les animations « à l'horloge » demandent des précautions | GSAP, CSS, Lottie, Three.js, Anime.js, WAAPI, TypeGPU via adaptateurs |
| Skills pour agents | 12 | 21 publiées, dont 10 parcours de travail (recettes) |
| Aperçu et retouche | Remotion Studio | HyperFrames Studio (« disponible, en évolution ») |
| Rendu dans le cloud | Lambda (AWS), Cloud Run (Google) | Lambda, Cloud Run, et cloud géré par HeyGen |
| Prérequis | Node 16 ou plus ; macOS 15 minimum sur Mac | Node 22 ou plus, et FFmpeg |
| Licence | Licence propre : gratuite jusqu'à 3 personnes, payante au-delà | Apache 2.0, sans seuil ni frais par rendu |
Deux lignes demandent à être nuancées. Le nombre de skills, d'abord : 21 contre 12 ne signifie pas « deux fois mieux ». Les skills de Remotion couvrent la technique (créer, animer, rendre, sous-titrer) ; celles de HyperFrames ajoutent des recettes complètes, qui orientent l'agent vers un type de vidéo. C'est un avantage pour qui part de zéro, pas pour qui sait déjà ce qu'il veut. Le cloud, ensuite : la documentation de HyperFrames reconnaît elle-même que Remotion Lambda est « mature » et la sienne « plus récente ».
React contre HTML : la vraie différence
Les deux outils produisent une vidéo en photographiant une page web image par image. La différence porte sur la façon de dire « à tel instant, tel élément est à tel endroit ».
Côté Remotion, chaque élément est une fonction du numéro d'image : « à l'image 45, l'opacité vaut tant ». Le timing se raisonne en images, ce que nous avons détaillé dans le tutoriel. C'est rigoureux et prévisible, mais le résultat est un projet React, avec ses dépendances et sa compilation. Pour un dirigeant ou un chargé de communication, le fichier est illisible.
Côté HyperFrames, la vidéo est une page HTML : chaque bloc visible porte des attributs qui disent quand il apparaît et combien de temps il reste, et une animation (souvent GSAP) dit comment il bouge. Le moteur met cette animation en pause et la positionne sur chaque instant avant la capture. Avantage : une page déjà animée pour le web, un prototype, une maquette exportée en HTML deviennent presque directement une vidéo. Contrepartie, écrite noir sur blanc dans la documentation de HyperFrames : il faut respecter trois règles (timeline créée en pause, enregistrée sous le bon identifiant, pas d'horloge ni d'aléatoire non maîtrisé), et l'outil « casse en silence » si on les oublie, en produisant une image fixe sans mouvement. C'est précisément ce que les skills apprennent à l'agent.
La licence : le seuil de 4 personnes compte plus de monde qu'on ne croit
C'est la ligne qui décide le plus souvent pour une PME. HyperFrames est sous licence Apache 2.0 : usage commercial libre, pas de compte à créer, pas de nombre de sièges, pas de frais par rendu. Remotion, lui, n'est pas open source au sens strict : le code est public, mais sa licence est propre à l'éditeur. Elle est gratuite pour les particuliers, les associations et les organisations de 3 personnes au plus. Au-delà, une Company License est exigée.
Trois précisions de la FAQ et des conditions de Remotion, mises à jour le 6 octobre 2026, changent souvent le calcul :
Les freelances comptent
Si un studio, des indépendants ou une agence travaillent sur le même projet Remotion que vous, leur effectif s'additionne au vôtre pour le seuil des 4 personnes.
Livrer un MP4 ou un projet
Une agence qui ne livre que le fichier vidéo n'engage pas son client. Si le client reçoit et fait tourner le projet, les deux effectifs s'additionnent.
Script = automatisation
Posséder du code qui lance le rendu par programme, y compris npx remotion render, relève de la formule Automators, et non plus Creators.
Concrètement, la formule Creators coûte 25 $ par mois et par personne qui écrit du Remotion, elle-même ou via un agent de code, sans minimum quand elle est prise seule. La formule Automators coûte 0,01 $ par rendu avec 100 $ par mois minimum ; si les deux sont activées, le minimum combiné reste 100 $. Les aperçus dans le Studio ne comptent pas comme rendus. Dernier point à connaître : Remotion annonce rendre la télémétrie obligatoire pour les clients Automators avec sa version 5.0 ; elle reste facultative pour Creators et pour la licence gratuite côté serveur.
La frontière entre Creators et Automators est la question à trancher avant de signer. Une personne qui demande à Claude Code de produire et rendre la vidéo du mois : Creators. Un script qui génère une vidéo par client ou par produit : Automators. La FAQ de Remotion invite à leur écrire en cas de doute, ce que nous recommandons de faire par écrit. Le même réflexe vaut pour tout logiciel « gratuit sous conditions », comme nous l'expliquions dans notre comparatif CRM SaaS contre open source.
Combien ça coûte, selon votre situation
Licence seule, hors abonnement Claude Code et hors coûts de cloud, qui s'ajoutent dans les deux cas. Tarifs Remotion en dollars hors taxes, tels que publiés le 7 octobre 2026.
| Situation | Remotion | HyperFrames |
|---|---|---|
| TPE de 3 personnes, vidéos faites en interne | 0 $ (licence gratuite) | 0 $ |
| PME de 3 salariés + 1 freelance sur le projet | Company License : 4 personnes au total | 0 $ |
| PME de 40, 2 personnes produisent avec Claude Code | 2 sièges Creators : 50 $/mois | 0 $ |
| PME de 40, 1 vidéo par client générée par script (800/mois) | Automators : 8 $ de rendus, facturés au minimum de 100 $/mois | 0 $ en local ; rendu cloud HeyGen facturé, tarif non publié dans la doc |
| Agence de 6 qui livre des MP4 à ses clients | Licence à la charge de l'agence, selon son usage | 0 $ |
Remarquez la quatrième ligne : à 800 vidéos par mois, l'usage réel vaut 8 $, mais le plancher est de 100 $. Le minimum mensuel pèse douze fois plus que la consommation. Il faut 10 000 rendus par mois pour que le prix unitaire devienne le vrai prix. À l'inverse, le « 0 $ » de HyperFrames n'est pas une absence de coût : en local, c'est le temps machine de votre poste ; dans le cloud géré par HeyGen, la documentation indique que le rendu 4K est facturé 1,5 fois le tarif standard, sans donner ce tarif. Sur AWS ou Google Cloud, les deux outils vous laissent payer votre propre infrastructure.
Avec Claude Code : l'installation et le travail au quotidien
Remotion
Un projet vierge avec npx create-video, les skills avec npx remotion skills add, l'aperçu avec npm run dev, puis claude dans le dossier. La documentation propose aussi une installation globale des skills en une ligne. L'ancien serveur MCP de documentation est déprécié au profit de la skill /remotion-docs.
HyperFrames
Un plugin Claude Code versionné : claude plugin marketplace add heygen-com/hyperframes puis claude plugin install hyperframes@hyperframes, et l'appel /hyperframes:hyperframes, qui sert d'aiguillage vers la bonne recette. Sans agent : npx hyperframes init, preview, render.
Dans l'usage, la différence se sent surtout au brief. Avec Remotion, c'est vous qui décrivez la vidéo, séquence par séquence ; l'agent applique des bonnes pratiques techniques. Avec HyperFrames, le routeur commence par confirmer l'intention, puis bascule sur une recette : /product-launch-video pour présenter un produit à partir de l'adresse de son site (jusqu'à environ 3 minutes, idéalement 30 à 90 secondes), /faceless-explainer pour expliquer un sujet sans visage à l'écran, /embedded-captions pour sous-titrer une vidéo existante, /motion-graphics pour un habillage court de moins de 10 secondes, éventuellement en fond transparent. Pour un non-spécialiste, c'est un raccourci réel.
Le contrôle qualité existe des deux côtés. Remotion rend une image fixe avec npx remotion still, que l'agent peut relire, comme dans notre tutoriel. HyperFrames ajoute des commandes de vérification (lint, check, snapshot) et un diagnostic des images clés. Dans les deux cas, le jugement sur le rythme et la fluidité reste humain.
Passer de l'un à l'autre : un seul sens
HyperFrames fournit une skill de migration, /remotion-to-hyperframes. Sa documentation l'estime ainsi : environ 80 % d'une composition se traduit mécaniquement (numéros d'image convertis en secondes, séquences converties en blocs). Les 20 % restants, la logique React avec état, les données chargées de façon asynchrone, les bibliothèques d'interface React, sont signalés plutôt que traduits de travers. La skill rend ensuite les deux versions et les compare image par image.
Il n'existe pas d'outil dans l'autre sens. Ce n'est pas un piège, mais c'est une information : si vous hésitez, commencer par Remotion laisse la porte de sortie ouverte, l'inverse demande une réécriture. La documentation de HyperFrames le dit elle-même : migrez parce que vos supports ou votre équipe s'y prêtent mieux, pas parce qu'un outil a l'air plus récent.
Ce que le tableau ne dit pas
Ce que HyperFrames concède
- Remotion est plus ancien, mieux établi, avec plus de modèles, de tutoriels et d'historique de production.
- Son rendu Lambda est « mature et très documenté », le sien plus récent.
- Le modèle « fonction du numéro d'image » est plus simple à garder en tête.
Ce qu'il faut ajouter
- HyperFrames est jeune (dépôt créé il y a sept mois) : ses commandes et ses skills bougent vite, son Studio est « en évolution ».
- Il exige Node 22 et FFmpeg, quand Remotion se contente de Node 16.
- Son éditeur, HeyGen, vend par ailleurs de la vidéo générée par IA ; le cloud de rendu géré passe par un compte HeyGen.
Ce dernier point n'est pas un reproche : la licence Apache 2.0 garantit que le moteur reste utilisable sans HeyGen, en local ou sur votre propre cloud. Mais il rappelle qu'un outil open source publié par une entreprise a aussi un modèle économique. C'est le même raisonnement que pour les modèles d'IA, développé dans notre article LLM open source contre API propriétaires. Et dans les deux cas, ne confiez à l'agent que des contenus que vous pourriez publier ; les règles de confidentialité sont détaillées dans Claude en entreprise et la sécurité des données.
Notre verdict pour une PME
Pour une PME sans développeur React, HyperFrames est le meilleur point de départ en octobre 2026 : pas de licence à calculer, des fichiers lisibles, des recettes qui guident l'agent vers un résultat présentable. Il convient particulièrement aux vidéos de lancement tirées d'un site existant, aux explications animées et au sous-titrage.
Remotion reste le choix le plus sûr dès qu'un développeur React est dans la boucle, que la vidéo doit s'intégrer à une application, ou que le rendu en volume dans le cloud est au cœur du projet : sa maturité se paie, mais 25 $ par mois et par personne restent modestes au regard du temps gagné. Dans tous les cas, faites un essai d'une demi-journée avec le même brief sur les deux outils : c'est le seul comparatif qui vaille pour vos propres contenus. Notre prise en main de Claude Code couvre les prérequis.
Questions fréquentes
Quelle est la différence entre HyperFrames et Remotion ?
Les deux transforment une page web en vidéo MP4 avec Chrome et FFmpeg. Remotion demande des composants React qui calculent chaque image ; HyperFrames demande un fichier HTML avec une animation que le moteur met en pause et cale sur chaque instant. Remotion est sous licence propre, HyperFrames sous Apache 2.0.
HyperFrames est-il gratuit pour une entreprise ?
Oui. HyperFrames est publié sous licence Apache 2.0, sans seuil d'effectif ni frais par rendu. Seul le rendu sur le cloud géré par HeyGen est facturé, à un tarif non publié dans la documentation consultée le 7 octobre 2026 ; le rendu local ou sur votre propre cloud ne coûte aucune licence.
À partir de combien de personnes Remotion devient-il payant ?
À partir de 4 personnes dans l'organisation, freelances et agences travaillant sur le même projet compris. La formule Creators coûte alors 25 $ par mois et par personne qui produit, sans minimum ; la formule Automators, pour les rendus lancés par script, coûte 0,01 $ par rendu avec 100 $ par mois minimum.
Lequel fonctionne le mieux avec Claude Code ?
Les deux sont conçus pour les agents de code. Remotion fournit 12 skills techniques ; HyperFrames 21 skills dont des recettes par type de vidéo et un plugin Claude Code versionné. Sans compétence React dans l'équipe, HyperFrames est plus facile à relire et à retoucher ; avec un développeur React, Remotion est plus naturel.
Peut-on migrer un projet Remotion vers HyperFrames ?
Oui, avec la skill remotion-to-hyperframes. Selon la documentation de HyperFrames, environ 80 % d'une composition se traduit mécaniquement ; la logique React avec état et les bibliothèques d'interface React sont signalées au lieu d'être traduites. Aucun outil n'existe dans le sens inverse.
En résumé
Même moteur, deux langages : React pour Remotion, HTML pour HyperFrames. Le premier apporte des années d'historique et un écosystème sans équivalent, contre une licence payante dès 4 personnes, freelances compris. Le second apporte une licence sans condition, des fichiers lisibles et des recettes prêtes à l'emploi, contre un historique de quelques mois et des règles qui cassent en silence. Testez les deux sur un même brief avant de décider. Le prochain article de la série passe du côté des designers, avec Figma Motion et Claude Code via MCP. Pour cadrer ces usages dans votre entreprise, découvrez nos missions de stratégie IA ou contactez-nous.