Test d'HyperFrames, l'outil IA qui veut remplacer Premiere Pro par de simples prompts

Test d'HyperFrames, l'outil IA qui veut remplacer Premiere Pro par de simples prompts HyperFrames est un outil capable de transformer du HTML, du CSS et du JavaScript en vidéo MP4. Tout se pilote directement depuis le terminal via des agents IA comme Claude Code, Gemini CLI ou Codex.

HyperFrames prend le contrepied des logiciels de montage classiques comme Premiere Pro ou After Effects. Ici, pas d'interface graphique : tout passe par le texte. Le créateur décrit son besoin (prompt), un agent IA génère le code correspondant, puis l'outil se charge du rendu. HyperFrames exécute ensuite ce script dans une version invisible de Chrome (headless), en capture le visuel image par image, puis utilise la bibliothèque FFmpeg pour assembler le tout en un fichier MP4.

Un catalogue de composants bien fourni

L'outil intègre un catalogue accessible en ligne de plus de 50 composants prêts à l'emploi. On y trouve des effets de transition, des graphiques de données, des pop-ups de réseaux sociaux (comme X ou Reddit), ou encore des compteurs d'abonnés.

La fonctionnalité HTML in Canvas permet de créer des effets visuels 3D très avancés, tels que du verre liquide, des objets 3D (comme un iPhone qui tourne sur lui-même), ou des effets de bris de verre (shatter effect).

Face à des alternatives comme Remotion, HyperFrames se positionne différemment sur deux points. D'une part, il s'appuie sur du HTML/CSS/JavaScript "classique", généralement mieux maîtrisé par les modèles d'IA que l'écosystème React utilisé par Remotion, un autre outil de génération de vidéo en code. D'autre part, l'outil est aujourd'hui entièrement gratuit, contrairement à Remotion qui prévoit des licences commerciales selon les usages.

L'installation et la prise en main

Pour installer HyperFrames, il suffit d'une ligne de commande dans le terminal :

npx skills add heygen-com/hyperframes

L'outil installe automatiquement les "skills" (compétences) nécessaires pour les agents IA (Claude Code, Cursor, Gemini CLI, Codex, GitHub Copilot CLI). Dans Claude Code, par exemple, ces skills s'enregistrent comme des commandes slash : /hyperframes pour la composition et /hyperframes-media pour le prétraitement des ressources médias (Text-to-Speech, transcription, suppression de fond).

L'interface de l'outil vidéo permet d'importer ses médias (captures, logos) et d'éditer la vidéo finale sur la timeline pour ses présentations de produits. © L'interface de l'outil vidéo permet d'importer ses médias (captures, logos) et d'éditer la vidéo finale sur la timeline pour ses présentations de produits. © Capture d'écran / JDN

Bien que tout se passe dans le code, HyperFrames propose une interface locale de prévisualisation (localhost) très pratique. Cette interface donne accès au catalogue d'effets. En sélectionnant un composant, on obtient un prompt spécifique qu'il suffit de copier pour modifier explicitement l'élément souhaité. On peut également y gérer ses composants, prévisualiser la vidéo, prendre des captures d'écran et lancer l'export final.

Nos tests

Pour évaluer la pertinence d'HyperFrames, nous l'avons soumis à plusieurs cas d'usage distincts, en testant différents agents et approches.

Le "short" animé avec une voix off IA

Notre premier test consistait à générer une vidéo courte au format vertical (9:16), intégrant du text-to-speech (TTS), des emojis et des éléments dynamiques sur le thème : "L'IA ne va pas remplacer les développeurs". Le résultat s'est révélé très qualitatif dès le premier essai, bien que le contenu en lui-même généré par Gemini CLI soit un peu pauvre.

Le prompt de départ a suffi et n'a pas nécessité de retouches. Une barre de progression a été intégrée automatiquement et le texte s'est parfaitement synchronisé avec la voix. Le TTS n'atteint pas le niveau d'ElevenLabs, un service de synthèse vocale par IA reconnu pour le naturel de ses voix, mais reste cependant passable.

L'ajout de sous-titres

Justement, HyperFrames gère automatiquement les sous-titres via son module /hyperframes-media : il transcrit la voix off, synchronise le texte avec l'audio, et l'incruste dans la vidéo, le tout en local, sans passer par une API externe. Le résultat sur notre test était correct dès le premier essai.

Une vidéo de reporting

Nous avons demandé la création d'une vidéo de 30 secondes présentant quelques slides simples avec des chiffres, sans graphiques. Ce test nous a permis de comparer le comportement de différents agents IA face à la même demande.

Claude (via CLI) et Antigravity ont produit des résultats conformes du premier coup, sans retouche nécessaire. Il faut toutefois noter le coût : la génération de code peut rapidement consommer un nombre important de tokens. Pour Claude, la génération de la vidéo a coûté environ 0,75 dollar. Gemini (via CLI) s'est montré plus capricieux, nécessitant de relancer la génération deux ou trois fois à cause de fonds blancs qui apparaissaient sans avoir été demandés.

Voici le résultat avec Claude Claude :

Website to Video : l'extraction de charte graphique

C'est l'une des fonctions les plus intéressantes d'HyperFrames : fournir l'URL d'un site web pour que l'agent en extraie la charte graphique et génère une vidéo promotionnelle.

Sur le site de Stripe, l'exercice a été laborieux. HyperFrames a bien récupéré des images et tenté de supprimer les fonds, mais les pages de Stripe étant majoritairement blanches, le résultat manquait de lisibilité. Malgré tout, l'outil a réussi à intégrer des mock-ups de téléphones et de Mac, avec un effet final sur le logo Stripe propre et professionnel.

La vidéo format TikTok

Ce test visait à produire une vidéo verticale d'information comparant Netflix et Blockbuster. Le rendu est très qualitatif. Les effets dynamiques propres à ce format sont bien présents sans être surchargés.

Point notable : les images ont été générées par l'IA pendant le processus via Antigravity (une fonctionnalité qui n'est pas forcément disponible de la même façon avec les agents en CLI). Le résultat est directement publiable sur les réseaux sociaux, il ne manque qu'une voix off ou une musique par-dessus.

La production en masse

L'un des cas d'usages les plus intéressants d'HyperFrames est la génération de vidéos en série à partir d'un modèle unique.

Pour ce test, nous avons d'abord itéré plusieurs fois sur le rendu d'une seule vidéo, en affinant la mise en page, les couleurs, les animations, jusqu'à obtenir un gabarit satisfaisant. Une fois ce modèle validé, nous avons simplement fourni à l'agent un fichier JSON contenant les informations variables pour chaque déclinaison : nom de la ville, adresse, visuels spécifiques.

Pour les images, l'agent a interrogé l'API Unsplash (bibliothèque de photos gratuites) afin de récupérer automatiquement une photo correspondant à chaque ville. Résultat : dix vidéos générées en quelques minutes, sans retouche manuelle entre chaque, le même format étant dupliqué à la chaîne.

Les limites rencontrées

En pratique, l'outil demande une supervision constante. Le problème le plus fréquent concerne la prévisualisation en local : écrans noirs, éléments qui se superposent ou textes qui débordent du cadre. Ces erreurs se corrigent facilement en demandant à l'IA de régénérer le code, mais chaque correction a un coût en tokens, et ce coût s'accumule vite. Il est conseillé de compacter régulièrement l'historique de conversation (/compact) pour préserver son budget.

Autre point de friction : HyperFrames en CLI est "aveugle". Contrairement à Antigravity, qui utilise Gemini Vision pour analyser ce qui s'affiche dans le navigateur et s'auto-corriger, HyperFrames ne voit pas le rendu. Une fois qu'un modèle de composition a été validé, les erreurs tendent à disparaître, mais il faut d'abord l'atteindre.

Quelques bons réflexes

Pour gagner du temps et des tokens, il est préférable de travailler par segments de 20 à 30 secondes plutôt que de demander une vidéo entière d'un seul coup. Il est également recommandé d'activer le "mode Plan" dans votre IA afin que l'IA explique ce qu'elle prévoit de faire avant de coder. Enfin, générer d'abord un script détaillé, seconde par seconde, avec une IA est un excellent moyen de cadrer précisément la production avant de la lancer.

Notre verdict

HyperFrames propose une approche originale de la vidéo automatisée via code, avec des atouts évidents pour les formats courts et la visualisation de données. Si l'outil ne révolutionne pas encore la production vidéo, sa gratuité et sa flexibilité en font une option à surveiller, notamment pour les usages en volume ou expérimentaux.