Was ist HyperFrames?
HyperFrames ist HeyGens Open-Source-Framework, um ein Video als HTML-Seite zu schreiben. Clips, Titel und Audio sind gewöhnliche Elemente mit Datenattributen für Startzeit, Dauer und Spur; die Animation kommt von GSAP, CSS, Lottie, Three.js, Anime.js, WAAPI oder einem eigenen Adapter. Der Renderer springt in Headless Chrome jeden Frame an und kodiert das Ergebnis mit FFmpeg, sodass dieselbe Eingabe dasselbe Video ergibt.
Es bringt 7 Agenten-Skills mit, einen Kern aus vier plus Skills für Figma, Diashows und die Migration von Remotion bei Bedarf, und einen Katalog von rund 450 Bausteinen wie Übergänge, Untertitel, Diagramme und Karten. Installiert wird es als Claude-Code-Plugin mit `claude plugin marketplace add heygen-com/hyperframes` oder über `npx skills` für Codex, Cursor, Gemini CLI und andere. Gerendert wird lokal, in Docker, auf deinem eigenen AWS Lambda oder Google Cloud Run oder in HeyGens bezahlter Cloud.
HeyGen nutzt es in der Produktion, und auf der Liste der Anwender steht auch tldraw, für Walkthrough-Videos zu Pull Requests.
Lohnt sich HyperFrames?
HyperFrames ist das bisher stärkste Argument dafür, Video wie eine Webseite zu behandeln, und es bewegt sich in einem Tempo, das eher zu Automatisierung passt als zu sorgfältigem Festschreiben von Versionen. Das Repository hat seit seiner Gründung im März 2026 rund 74.400 GitHub-Sterne gesammelt; das npm-Paket hat 564 veröffentlichte Versionen, zuletzt v0.8.211 am 28. Oktober 2026, und rund 810.000 Downloads in der Woche bis zum 26. Oktober.
Die Wette lautet, dass Agenten HTML schon gut schreiben. Eine Komposition ist eine Datei index.html, die ohne Build-Schritt im Browser läuft, und das ist der Hauptunterschied zu Remotion, dem Projekt, das HyperFrames offen als Inspiration nennt. Remotion verlangt React-Komponenten und einen Bundler und ist source-available; HyperFrames steht unter Apache 2.0 ohne Schwelle für kommerzielle Nutzung. Der Lambda-Renderer von Remotion ist der ausgereiftere Weg in die Cloud, wie das README von HyperFrames einräumt.
Der Determinismus hat eine Bedingung. Lokale Renderings nutzen Chrome und GPU deines Rechners, und die Dokumentation empfiehlt Docker, wenn eine kontrollierte Umgebung aus Chrome, FFmpeg und Schriften zählt; CI- und Produktions-Renderings sollten also im Container laufen. Auf AWS wird ein Rendering von 480 Frames über 5 Lambda-Worker mit geschätzten 0,0214 $ vor S3-Transfer angegeben, und ein Rendering kann sich auf 256 Chunks verteilen.
Zwei Voreinstellungen verdienen einen Blick, bevor ein Team es übernimmt. Die CLI sammelt Telemetrie, die einen Fingerabdruck der Umgebung und den Namen eines steuernden Coding-Agenten enthält, verknüpft die Nutzung nach der Anmeldung mit deiner HeyGen-E-Mail, und wer widerspricht, fällt auch aus Canary-Rollouts heraus. Cloud-Renderings bei HeyGen laden jede Mediendatei ab 5 MB als HeyGen-Asset hoch, auf das eine öffentliche, unsignierte URL verweist. Beides ist nicht versteckt, aber beides gehört nicht ohne bewusste Entscheidung in eine Pipeline, die unveröffentlichtes Material verarbeitet.
Die offenen Issues lesen sich wie die eines intensiv genutzten Produkts: Studio kann Exporte über 2 GiB nicht öffnen, und ein fehlgeschlagener Abruf entfernter Medien kann stillschweigend aus einem Rendering fallen. Für von Agenten geschriebene Produktvideos, PR-Walkthroughs und Datenanimationen hat es kein Open-Source-Gegenstück; für lange Schnittprojekte ist es weiterhin ein Renderer, kein Editor.
Wo es sich lohnt
Ein Developer-Tools-Start-up mit wöchentlichen Releases
Aus jedem gemergten Pull Request ein kurzes Walkthrough-Video mit animierten Diffs und Untertiteln machen
Das Claude-Code-Plugin installieren und den Agenten das Video aus dem Diff bauen lassen, wie tldraw es tut; in CI in Docker rendern, damit die Ausgabe reproduzierbar ist. Die Software ist kostenlos; die Kosten sind Agenten-Tokens und CI-Minuten.
Eine Growth-Marketerin bei einem SaaS-Unternehmen mit 40 Kundensegmenten
Für jedes Segment ein personalisiertes Video zu Produktneuheiten machen
Eine Komposition mit Template-Variablen bauen, sie einmal in HeyGens Cloud hochladen und pro Segment mit `--asset-id` und neuen Werten neu rendern. Bezahlt in HeyGen-Credits, 4K zum 1,5-fachen Satz; Preise pro Credit stehen nicht in der Dokumentation.
Ein Platform Engineer, der einen Dienst zur Videoerzeugung auf AWS betreibt
Viele Videos parallel auf firmeneigener Infrastruktur rendern
Den Lambda-Stack mit drei Befehlen ausrollen; Renderings verteilen sich über Step Functions auf bis zu 90% der nicht reservierten Parallelität. Das Beispiel der Dokumentation mit 480 Frames kostet in Lambda und Step Functions etwa 0,0214 $ vor S3-Transfer.
Bevor du dich festlegst
- Einrichtung
- `npx hyperframes init my-video`, dann `preview` und `render`; braucht Node.js 22+ und FFmpeg. Weg über den Agenten: `claude plugin marketplace add heygen-com/hyperframes`, dann `claude plugin install hyperframes@hyperframes`, oder anderswo `npx hyperframes skills update` für die Kern-Skills. Eine Desktop-App Studio für Mac, Linux und Windows braucht ein kostenloses HeyGen-Konto.
- Integrationen
- Claude Code, Codex, Cursor, Gemini CLI, Copilot und andere Agenten mit Skill-Unterstützung; Adapter für GSAP, CSS, Lottie, Three.js, Anime.js und WAAPI; Figma-Import; Rendering auf AWS Lambda, Google Cloud Run und in der HeyGen-Cloud; eine einbettbare Player-Webkomponente.
- Daten und Datenschutz
- Lokale Renderings halten alles auf deinem Rechner. Die Telemetrie der CLI sendet Befehlsnamen, Rendering-Performance und einen Fingerabdruck der Umgebung und verknüpft die Nutzung nach der Anmeldung mit deiner HeyGen-E-Mail; `HYPERFRAMES_NO_TELEMETRY=1` oder `DO_NOT_TRACK=1` schaltet sie ab. Cloud-Renderings laden das Projekt hoch (Archivgrenze 200 MB) und stellen Medien ab 5 MB über öffentliche, unsignierte URLs bereit.
- Kosten im großen Maßstab
- Im Eigenbetrieb kostenlos. Auf eigenem AWS sind die Kosten Lambda-GB-Sekunden bei bis zu 10.240 MB pro Funktion plus eine kleine Gebühr für Step Functions; das Beispiel der Dokumentation mit 480 Frames liegt bei geschätzten 0,0214 $. HeyGen-Cloud-Rendering wird pro Credit abgerechnet, 4K zum 1,5-Fachen; Credit-Preise sind in der Dokumentation von HyperFrames nicht veröffentlicht.
- Grenzen
- 74 offene Issues, darunter Studio-Fehler bei Exporten über 2 GiB und langen Pfaden sowie stillschweigend verworfene fehlgeschlagene Abrufe entfernter Medien; gemischtes Audio wird mit Faktor eins summiert, ohne Limiter; Skills über skills.sh können main um Stunden hinterherhinken.
Was gut ist
- Kompositionen in einfachem HTML ohne Build-Schritt
- Apache 2.0 ohne Gebühren pro Rendering oder für kommerzielle Nutzung
- Agenten-Skills und ein Katalog mit 450 Bausteinen
- Renderings lokal, in Docker, auf Lambda, Cloud Run oder in der HeyGen-Cloud
Was nicht
- Telemetrie enthält einen Fingerabdruck der Umgebung
- Cloud-Renderings legen große Medien über öffentliche, unsignierte URLs offen
- Mehrere Releases am Tag; Versionen in CI festschreiben
- Bytegleiche Ausgabe braucht den Docker-Renderer
Am besten für
Entwickler und Agenten-Pipelines, die aus Code kurze Produkt-, Daten- oder Dokumentationsvideos erzeugen.
Alternativen zu HyperFrames
HyperFrames: häufige Fragen
- Lohnt sich HyperFrames?
- HyperFrames macht Video zu etwas, das ein Coding-Agent schreiben kann, und seine Apache-Lizenz streicht die Rechnung, die mit Remotion kommt. Wir bewerten es mit 4.4 von 5.
- Was kostet HyperFrames?
- Kostenlos unter Apache 2.0, ohne Gebühren pro Rendering oder Schwellen für kommerzielle Nutzung. Cloud-Rendering bei HeyGen und HeyGen-Medien (Avatare, generierte Clips) werden in HeyGen-Credits bezahlt; 4K-Renderings in der Cloud kosten das 1,5-Fache.
- Welche Nachteile hat HyperFrames?
- Telemetrie enthält einen Fingerabdruck der Umgebung; Cloud-Renderings legen große Medien über öffentliche, unsignierte URLs offen; Mehrere Releases am Tag; Versionen in CI festschreiben; Bytegleiche Ausgabe braucht den Docker-Renderer.
- Für wen eignet sich HyperFrames?
- Entwickler und Agenten-Pipelines, die aus Code kurze Produkt-, Daten- oder Dokumentationsvideos erzeugen.
- Was kostet HyperFrames für ein Team oder im Produktivbetrieb?
- Im Eigenbetrieb kostenlos. Auf eigenem AWS sind die Kosten Lambda-GB-Sekunden bei bis zu 10.240 MB pro Funktion plus eine kleine Gebühr für Step Functions; das Beispiel der Dokumentation mit 480 Frames liegt bei geschätzten 0,0214 $. HeyGen-Cloud-Rendering wird pro Credit abgerechnet, 4K zum 1,5-Fachen; Credit-Preise sind in der Dokumentation von HyperFrames nicht veröffentlicht.
- Ist HyperFrames sicher für Firmendaten?
- Lokale Renderings halten alles auf deinem Rechner. Die Telemetrie der CLI sendet Befehlsnamen, Rendering-Performance und einen Fingerabdruck der Umgebung und verknüpft die Nutzung nach der Anmeldung mit deiner HeyGen-E-Mail; `HYPERFRAMES_NO_TELEMETRY=1` oder `DO_NOT_TRACK=1` schaltet sie ab. Cloud-Renderings laden das Projekt hoch (Archivgrenze 200 MB) und stellen Medien ab 5 MB über öffentliche, unsignierte URLs bereit.
- Was sind die besten Alternativen zu HyperFrames?
- Die nächsten Alternativen, die wir getestet haben, sind VideoAgent, OpenDesign und ComfyUI.
Antworten geprüft am 28. Okt. 2026.