Skip to content

HyperFrames

Le renderer Apache-2.0 de HeyGen qui transforme HTML, CSS et animation navigable en MP4, avec des skills qui apprennent aux agents de code à faire des vidéos.

Avis de Sheela · Mis à jour

Voir sur GitHub Open source

Notre note

4.4/5

HyperFrames fait de la vidéo quelque chose qu'un agent de code peut écrire, et sa licence Apache supprime la facture qui vient avec Remotion.

Qu’est-ce que HyperFrames ?

HyperFrames est le framework open source de HeyGen pour écrire une vidéo comme une page HTML. Les clips, les titres et l'audio sont des éléments ordinaires avec des attributs data pour l'heure de début, la durée et la piste ; l'animation vient de GSAP, CSS, Lottie, Three.js, Anime.js, WAAPI ou d'un adaptateur personnalisé. Le renderer navigue chaque image dans Chrome headless et encode le résultat avec FFmpeg, si bien que la même entrée produit la même vidéo.

Il livre 7 skills d'agent, un ensemble de base de quatre plus des skills Figma, diaporama et migration-Remotion à la demande, et un catalogue d'environ 450 blocs comme les transitions, sous-titres, graphiques et cartes. Il s'installe comme plugin Claude Code avec `claude plugin marketplace add heygen-com/hyperframes`, ou via `npx skills` pour Codex, Cursor, Gemini CLI et d'autres. Les rendus tournent localement, dans Docker, sur votre propre AWS Lambda ou Google Cloud Run, ou sur le cloud payant de HeyGen.

HeyGen l'utilise en production, et la liste des adoptants inclut tldraw pour les vidéos de présentation de pull requests.

HyperFrames vaut-il le coup ?

HyperFrames est le cas le plus solide à ce jour pour traiter la vidéo comme une page web, et il bouge à un rythme qui convient mieux à l'automatisation qu'à un épinglage soigneux. Le dépôt a environ 74 400 étoiles GitHub depuis sa création en mars 2026 ; le paquet npm a 564 versions publiées, la dernière v0.8.211 le 28 octobre 2026, et environ 810 000 téléchargements dans la semaine jusqu'au 26 octobre.

Le pari est que les agents écrivent déjà bien le HTML. Une composition est un fichier index.html qui se joue dans un navigateur sans étape de build, ce qui est la principale différence avec Remotion, le projet que HyperFrames crédite ouvertement comme son inspiration. Remotion demande des composants React et un bundler et est à source disponible ; HyperFrames est Apache 2.0 sans seuil d'usage commercial. Le renderer Lambda de Remotion est le chemin cloud le plus mature, ce que le README de HyperFrames concède.

Le déterminisme a une condition attachée. Les rendus locaux utilisent le Chrome et le GPU de votre machine, et la documentation recommande Docker quand un environnement contrôlé de Chrome, FFmpeg et polices compte, si bien que les rendus CI et de production devraient tourner dans le conteneur. Sur AWS, un rendu de 480 images sur 5 workers Lambda est montré coûtant une estimation de 0,0214 $ avant le transfert S3, et un rendu peut se déployer sur 256 morceaux.

Deux réglages par défaut méritent un regard avant qu'une équipe ne l'adopte. Le CLI collecte une télémétrie qui inclut une empreinte d'environnement et le nom de tout agent de code qui le pilote, lie l'usage à votre e-mail HeyGen une fois connecté, et se désinscrire vous retire aussi des déploiements canari. Les rendus cloud de HeyGen téléversent tout fichier média de 5 Mo ou plus comme asset HeyGen référencé par une URL publique non signée. Ni l'un ni l'autre n'est caché, mais ni l'un ni l'autre n'a sa place dans un pipeline qui gère des rushes non diffusés sans une décision.

Les issues ouvertes se lisent comme un produit en usage intensif : Studio ne peut pas ouvrir les exports de plus de 2 Gio, et une récupération de média distant échouée peut être silencieusement abandonnée d'un rendu. Pour les vidéos produit écrites par un agent, les présentations de PR et les animations de données, il n'a pas d'égal open source ; pour l'édition long format, c'est encore un renderer, pas un éditeur.

Là où il fait la différence

  • Une start-up d'outils de développement qui livre des versions hebdomadaires

    Transformer chaque pull request fusionnée en une courte vidéo de présentation avec des diffs animés et des sous-titres

    Installez le plugin Claude Code et demandez à l'agent de construire la vidéo à partir du diff, comme le fait tldraw ; rendez dans Docker en CI pour que la sortie soit reproductible. Le logiciel est gratuit ; le coût est les tokens d'agent et les minutes de CI.

  • Un marketeur growth dans une entreprise SaaS avec 40 segments de clients

    Faire une vidéo de mise à jour produit personnalisée pour chaque segment

    Construisez une seule composition avec des variables de template, téléversez-la une fois sur le cloud de HeyGen et re-rendez avec `--asset-id` et de nouvelles valeurs par segment. Payé en crédits HeyGen, avec la 4K à 1,5 fois le tarif ; les prix par crédit ne sont pas dans la documentation.

  • Un ingénieur plateforme qui fait tourner un service de génération vidéo sur AWS

    Rendre de nombreuses vidéos en parallèle sur une infrastructure que l'entreprise possède

    Déployez la pile Lambda avec trois commandes ; les rendus se déploient via Step Functions jusqu'à 90 % de la concurrence non réservée. L'exemple de 480 images de la documentation coûte environ 0,0214 $ en Lambda et Step Functions avant le transfert S3.

Avant de vous engager

Mise en route
`npx hyperframes init my-video`, puis `preview` et `render` ; a besoin de Node.js 22+ et de FFmpeg. Voie agent : `claude plugin marketplace add heygen-com/hyperframes` puis `claude plugin install hyperframes@hyperframes`, ou `npx hyperframes skills update` pour les skills de base ailleurs. Une appli Studio desktop pour Mac, Linux et Windows a besoin d'un compte HeyGen gratuit.
Intégrations
Claude Code, Codex, Cursor, Gemini CLI, Copilot et d'autres agents conscients des skills ; adaptateurs GSAP, CSS, Lottie, Three.js, Anime.js et WAAPI ; import Figma ; rendu AWS Lambda, Google Cloud Run et cloud HeyGen ; un composant web lecteur intégrable.
Données et confidentialité
Les rendus locaux gardent tout sur votre machine. La télémétrie du CLI envoie les noms de commandes, la performance de rendu et une empreinte d'environnement, et lie l'usage à votre e-mail HeyGen après connexion ; `HYPERFRAMES_NO_TELEMETRY=1` ou `DO_NOT_TRACK=1` la désactive. Les rendus cloud téléversent le projet (limite d'archive de 200 Mo) et servent les médias de 5 Mo ou plus par URL publique non signée.
Coût à grande échelle
Gratuit à auto-exécuter. Sur votre propre AWS, le coût est les Go-secondes Lambda jusqu'à 10 240 Mo par fonction plus un petit frais Step Functions ; l'exemple de 480 images de la documentation est estimé à 0,0214 $. Le rendu cloud de HeyGen est facturé par crédit, avec la 4K à 1,5 fois ; les prix des crédits ne sont pas publiés dans la documentation HyperFrames.
Limites
74 issues ouvertes, dont Studio qui échoue sur les exports de plus de 2 Gio et les chemins longs, et les récupérations de médias distants échouées abandonnées silencieusement ; l'audio mixé est sommé à l'unité sans limiteur ; les skills via skills.sh peuvent être en retard de plusieurs heures sur main.

Les points forts

  • Compositions HTML simples sans étape de build
  • Apache 2.0 sans frais par rendu ni commerciaux
  • Skills d'agent et un catalogue de 450 blocs
  • Rendus local, Docker, Lambda, Cloud Run ou cloud HeyGen

Les points faibles

  • La télémétrie inclut une empreinte d'environnement
  • Les rendus cloud exposent les gros médias par URL publique non signée
  • Versions plusieurs fois par jour ; épinglez les versions en CI
  • La sortie identique à l'octet a besoin du renderer Docker

Idéal pour

Les développeurs et pipelines d'agents qui produisent de courtes vidéos de produit, de données ou de documentation à partir de code.

Alternatives à HyperFrames

HyperFrames : questions fréquentes

HyperFrames vaut-il le coup ?
HyperFrames fait de la vidéo quelque chose qu'un agent de code peut écrire, et sa licence Apache supprime la facture qui vient avec Remotion. Nous lui donnons 4.4 sur 5.
Combien coûte HyperFrames ?
Gratuit sous Apache 2.0, sans frais par rendu ni seuils d'usage commercial. Le rendu cloud de HeyGen et les médias HeyGen (avatars, clips générés) sont payés en crédits HeyGen ; les rendus cloud 4K coûtent 1,5 fois plus.
Quels sont les inconvénients de HyperFrames ?
La télémétrie inclut une empreinte d'environnement; les rendus cloud exposent les gros médias par URL publique non signée; versions plusieurs fois par jour ; épinglez les versions en CI; la sortie identique à l'octet a besoin du renderer Docker.
À qui s’adresse HyperFrames ?
Les développeurs et pipelines d'agents qui produisent de courtes vidéos de produit, de données ou de documentation à partir de code.
Combien coûte HyperFrames pour une équipe ou en production ?
Gratuit à auto-exécuter. Sur votre propre AWS, le coût est les Go-secondes Lambda jusqu'à 10 240 Mo par fonction plus un petit frais Step Functions ; l'exemple de 480 images de la documentation est estimé à 0,0214 $. Le rendu cloud de HeyGen est facturé par crédit, avec la 4K à 1,5 fois ; les prix des crédits ne sont pas publiés dans la documentation HyperFrames.
HyperFrames est-il sûr pour les données de l’entreprise ?
Les rendus locaux gardent tout sur votre machine. La télémétrie du CLI envoie les noms de commandes, la performance de rendu et une empreinte d'environnement, et lie l'usage à votre e-mail HeyGen après connexion ; `HYPERFRAMES_NO_TELEMETRY=1` ou `DO_NOT_TRACK=1` la désactive. Les rendus cloud téléversent le projet (limite d'archive de 200 Mo) et servent les médias de 5 Mo ou plus par URL publique non signée.
Quelles sont les meilleures alternatives à HyperFrames ?
Les alternatives les plus proches que nous avons testées sont VideoAgent, OpenDesign et ComfyUI.

Réponses vérifiées le 28 oct. 2026.