HyperFrames : d'une composition HTML à une vidéo terminée
HyperFrames, conçu par HeyGen, produit de la vidéo à partir d'une page web : la timeline est mise en pause puis parcourue image par image, si bien que deux rendus du même projet sont identiques. Le skill hyperframes sert de point d'entrée et fixe le contrat de rendu ainsi que la boucle de travail de l'agent.
Claude Code, Codex, Cursor, Gemini CLI, GitHub Copilot, OpenCode, IBM Bob
Ce qu’il fait
Fixe le contrat de rendu : chaque élément minuté porte la classe clip, data-start et data-duration, et la composition racine donne la durée.
Interdit ce qui casse la reproductibilité : Date.now(), Math.random() sans graine, requêtes réseau, minuteries et répétitions infinies.
Avant de coder un effet à la main, renvoie l'agent vers le registre de blocs, et vers media-use pour la musique, la voix ou les rushes.
Enchaîne vérification, aperçu et rendu : check --json liste les erreurs avec leur correctif, snapshot montre les images, render attend votre accord.
Indique quelle référence lire selon la demande : lancement, vidéo explicative, clip musical, graphiques, format vertical, 3D, sous-titres.
Quand s’en servir
Vous voulez une vidéo de lancement rangée dans le dépôt et modifiable comme le reste du code.
Une course de graphiques ou une carte animée doit être régénérée à chaque mise à jour des chiffres.
Un site ou une pull request mérite une visite vidéo, et la commande capture récupère la page comme matière.
Demandez à l’agent
Avec /hyperframes, crée une intro produit de 10 secondes : titre en fondu, vidéo en fond, musique discrète.
Transforme notre page d'accueil en vidéo verticale de 20 secondes avec sous-titres, aperçu d'abord.
Fais dans HyperFrames un histogramme animé du chiffre d'affaires trimestriel à partir de data.csv.
Questions
Comment installer HyperFrames dans Claude Code ?
Ajoutez la marketplace avec claude plugin marketplace add heygen-com/hyperframes, puis lancez claude plugin install hyperframes@hyperframes. Le skill seul s'installe avec la commande skills CLI de cette page.
HyperFrames fonctionne-t-il avec Codex ou Cursor ?
Oui, le README cite Claude Code, Codex, Cursor, Gemini CLI, IBM Bob et d'autres agents compatibles avec les skills. Un script prépare aussi une archive de plugin pour Codex.
Quelle différence entre hyperframes et les autres skills du paquet ?
hyperframes se lit en premier : il porte le contrat et la boucle de travail. La CLI, le registre de blocs et les médias relèvent de hyperframes-cli, hyperframes-registry et media-use.
