
Mit diesem Skill gerendert
Code Slice Hero Titel v1.0.0
Eine große Headline aus Kacheln, die unter einer durchlaufenden Tiefenwelle einzeln umklappen und eine zweite Headline dahinter freilegen.
- Format
- Video · 16:9
- Länge
- 0:08
Kostenlos Kostenlos mit Konto
Füge das in deinen Agent ein. Er verbindet bei Bedarf die CLI und installiert dann den Skill.
Ein kostenloser HyperFrames-Block für 8-sekündige Titelkarten. Deine vordere Headline steht auf einem Raster aus Zellen; ein weiches Tiefenfeld läuft darüber, jede Zelle klappt mit leichtem Federn und Schatten um, und übrig bleibt die hintere Headline. Beide Zeilen, Laufrichtung, Tempo, Zellgröße und Farben sind Variablen.
Aktualisiert am 2. Nov. 2026
Das bekommst du
- Eine 8-sekündige Titelkarte als MP4 in 1920×1080
- Zwei Headlines mit einem Kachel-für-Kachel-Flip dazwischen
- Variablen für Welle, Timing, Zellgröße, Schatten und Farben
Gut geeignet für
- Launch-Opener und Endkarten
- Aussage-und-Pointe-Zeilen für Social Posts
- Rebrandings und Vorher-nachher-Botschaften
Nicht geeignet für
- Lange Sätze oder Absätze
- Videos, die Produktaufnahmen im Titel brauchen
Über diesen Skill
/code-slice-hero Nimm den Code-Slice-Hero-Block für den Launch unseres Laufschuhs: vordere Headline „RUN SOFT.“, hintere Headline „RUN FAR.“, Welle von links nach rechts. Render in 1080p.
Zwei kurze Zeilen, ein sauberer Flip. Code Slice Hero setzt deine erste Headline auf ein Raster quadratischer Zellen. Eine Welle läuft durchs Bild, hebt und kippt jede Zelle im Vorbeigehen, und jede Zelle klappt um und zeigt das passende Stück der zweiten Headline. Am besten wirkt es mit zwei knackigen Zeilen gleicher Länge: eine Aussage und ihre Pointe, ein Produktname und ein Versprechen, „vorher“ und „nachher“.
So funktioniert es
- Anfrage: Sag deinem Agenten, was der Titel zeigen soll: die vordere Headline und die, zu der sie umklappt.
- Einrichten: Er legt den Block in einem HyperFrames-Projekt an und trägt deinen Text und deine Farben als Render-Variablen ein.
- Vorschau: Er prüft ein paar Frames und rendert dann ein MP4 in 1920×1080 mit
npx hyperframes render. - Wiederverwenden: Die Variablen liegen in einer einzigen JSON-Datei; eine neue Headline oder eine neue Marke ist also nur ein weiterer Render.
Tipps
- Halte beide Zeilen kurz (ein bis drei Wörter) und ähnlich lang, damit der Flip wie eine einzige Bewegung wirkt.
- Passe die Laufrichtung an die Leserichtung der nächsten Szene in deinem Schnitt an.
- Kleinere Zellen ergeben einen feineren, digitaleren Flip, größere einen gröberen, plakativen.
- Nutze ihn als Eröffnungs- oder Schlusskarte eines längeren Launch-Videos.
Open Source
Dies ist ein Block aus der HyperFrames-Registry. Er stammt von HeyGen und den HyperFrames-Mitwirkenden (heygen-com/hyperframes) und steht unter der Apache License 2.0. Der Download ist der Block samt Assets, bereit zum Rendern; HyperFrames selbst läuft über npm.
Was du vorab brauchst
- Du lieferst
- Zwei kurze Headlines und, wenn du magst, deine Markenfarben.
- Abhängigkeiten
- Node.js 22 oder neuer — erforderlich · FFmpeg — erforderlich
- Externe Kosten
- Keine. HyperFrames ist kostenlos und Open Source und rendert auf deinem eigenen Rechner.
- Zuletzt getestet
- v1.0.0 —
Nutzerbewertungen
Noch keine Bewertungen. Installiere den Skill und bewerte ihn als Erste:r.
FAQ
Kann ich meine eigene Schrift verwenden?
Ja. Der Block kommt mit Geist (Open Source); setz eine beliebige Webschrift ein und passe die Variable für die Schriftgröße an, damit die Zeile das Bild füllt.
Kann der Flip von rechts nach links laufen?
Ja. Die Richtung ist eine Variable, ebenso die Dauer der Welle, ihr Easing und die Dauer des Flips.
Warum ist es kostenlos?
Es ist ein Open-Source-Skill von HeyGen und den HyperFrames-Mitwirkenden. Wir listen ihn unverändert, mit einem Beispiel, das wir mit unserer Hausmarke Halden Solace erstellt haben.






