← Découvrir
GitHub · heygen-com/hyperframes↑ +395 aujourd'hui

Convertir les codes HTML en vidéo

Développé par Heygen, Hyperframes propose un framework qui convertit les codes HTML directement en vidéo. Conçu pour permettre aux agents d'intelligence artificielle de produire plus facilement du contenu visuel, cet outil convertit les interfaces Web au format vidéo.

Mises à jour

  • 8 novembre 2026: Étoiles 80,656 → 80,713, dernière version v0.9.23 (8 novembre 2026).
  • 8 novembre 2026: Étoiles 79,673 → 80,656, dernière version v0.9.22 (8 novembre 2026).
  • 6 novembre 2026: Étoiles 79,070 → 79,673, dernière version v0.9.19 (6 novembre 2026).
  • 5 novembre 2026: Étoiles 78,485 → 79,070, dernière version v0.9.15 (5 novembre 2026).

Ce que ça vous apporte

  • Production vidéo avec HTML et CSS
  • Travailler compatible avec les agents d’intelligence artificielle
  • Apporter votre propre système de conception à la vidéo

Installation

Configuration pour l'agent IA
npx skills add heygen-com/hyperframes
Installation manuelle de la CLI
npx hyperframes init my-video
cd my-video
npx hyperframes preview      # preview in browser with live reload
npx hyperframes render       # render to MP4

Exécution

Aperçu et rendu
npx hyperframes preview      # preview in browser with live reload
npx hyperframes render       # render to MP4

Si vous ne codez pas

Collez ceci dans votre agent (Claude Code · Codex · Antigravity)

À l'aide de /hyperframes, créez une introduction de produit de 10 secondes avec un titre en fondu, une vidéo de fond et une musique de fond subtile.

Dépôt : https://github.com/heygen-com/hyperframes. Base-toi sur les instructions officielles du fichier README de ce dépôt pour l'installation et l'exécution.

Avant de commencer, vérifie quel système d'exploitation nous utilisons et si les outils nécessaires (ex: Python, Node.js, Git, Docker) sont installés. Installe ceux qui manquent étape par étape selon ce système.

Crée un nouveau dossier vide pour travailler. Ne touche pas aux fichiers en dehors de ce dossier et ne supprime rien. Avant chaque commande, décris ce que tu vas faire en une phrase.

Dis-moi ce que je devrais voir à l'écran à la fin de chaque étape. Si une erreur survient, je te copierai le message d'erreur tel quel et nous la corrigerons ensemble.

Termes liés du glossaire

FrameworkCLIArtificial Intelligence
Pour quiIl convient aux développeurs qui souhaitent produire du contenu vidéo automatique à l’aide des technologies Web et aux concepteurs travaillant avec des agents d’intelligence artificielle.
LicenceApache-2.0

Liens

TreScout n'a pas développé cet outil · nous l'avons repéré dans les tendances GitHub et présenté. Cette page décrit le dépôt tel qu'il était le 2026-06-23 : Le nombre d'étoiles et notre texte datent de ce jour, le dépôt a pu changer depuis. Consultez le lien du dépôt pour l'état actuel. Le texte de présentation a été préparé avec l’IA à partir de la propre documentation du dépôt et cette page a été traduite automatiquement depuis l’original turc · la version turque fait foi.