HyperFrames

par HeyGen

Transforme du HTML, du CSS et des animations en vidéos MP4, et laisse ton agent IA les écrire.

60,9 k étoiles GitHub Apache-2.0 GratuitOpen sourceLocal

Voir sur GitHub →

Ce que ça fait

Compositions en HTML simple, sans React ni format propriétaire
Skills prêtes pour Claude Code, Codex, Cursor et autres agents
Rendu déterministe : la même entrée donne toujours la même vidéo

L'installer

Prérequis : Node.js 22+ et FFmpeg.

Créer un projet

npx hyperframes init my-video

Prévisualiser dans le navigateur

npx hyperframes preview

Rendre en MP4

npx hyperframes render

Option : plugin pour Claude Code

claude plugin marketplace add heygen-com/hyperframes && claude plugin install hyperframes@hyperframes

Le prompt pour ton agent

Colle-le dans ton agent de code : il vérifie les prérequis et installe pour toi.

Claude CodeCodexCursorGemini CLIopencode

Prompt

Installe HyperFrames (https://github.com/heygen-com/hyperframes) sur ma machine.
1. Vérifie les prérequis : Node.js 22+ et FFmpeg. S'il manque quelque chose, dis-le-moi avant d'installer quoi que ce soit.
2. Suis la méthode officielle :
- Créer un projet : npx hyperframes init my-video
- Prévisualiser dans le navigateur : npx hyperframes preview
- Rendre en MP4 : npx hyperframes render
- Option : plugin pour Claude Code : claude plugin marketplace add heygen-com/hyperframes && claude plugin install hyperframes@hyperframes
3. Vérifie que ça fonctionne, puis explique-moi comment le lancer et par quoi commencer.

Relis toujours ce que ton agent s'apprête à exécuter, surtout les commandes d'installation.