✦ Studio-Tipp
Vael · 16:9
Mit diesem Skill gerendert
Quader-Karten-Karussell v1.0.0
Eine Kette abgeschrägter 3D-Karten reitet auf einer laufenden Welle, dann löst sich eine Karte, dreht sich zur Kamera und bleibt stehen.
Noch keine Bewertungen 0 Downloads
- Format
- Video · 16:9
- Länge
- 0:07
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 kurze Content-Karussells. Bis zu zwölf Quader-Karten, jede mit Kategorie, Titel und zwei kleinen Pills, reiten auf einer Welle durch eine ausgeleuchtete 3D-Szene; die Hero-Karte bricht aus, dreht sich und kommt frontal zur Ruhe. Die Karten legst du mit einer JSON-Variable fest, und auch Licht, Materialien und Kamera sind Variablen.
Aktualisiert am 2. Nov. 2026
Das bekommst du
- Ein 6,7-sekündiges MP4 in 1920×1080 mit einer ausgeleuchteten 3D-Kartenwelle
- Bis zu zwölf Karten aus einer einzigen JSON-Liste
- Eine Hero-Karte, die ausbricht und stehen bleibt
Gut geeignet für
- Produkt-Drops und Kollektions-Teaser
- Roadmaps, Aufgabenlisten und Feature-Listen
- Event-Agenden und Line-ups
Nicht geeignet für
- Fotos auf den Karten (sie tragen Text)
- Lange Texte; jede Karte zeigt nur wenige Wörter
Über diesen Skill
Du sagst
/cuboid-carousel Mach ein Quader-Karussell für unseren Handtaschen-Drop mit acht Karten: Kategorie „Vael Cerise“, Titel wie „Cherry leather tote“, „Brass hardware“ und „Room for a laptop“, Pills für Lagerbestand und Preis. Ende auf „The Cerise tote is here“.
Ein Karussell mit Gewicht. Cuboid Carousel baut deine Karten als abgeschrägte Blöcke mit echtem Licht und Schatten, setzt sie auf eine laufende Welle und lässt eine Kamera wie aus der Hand an ihnen vorbeischwenken. Dann löst sich die Hero-Karte deiner Wahl aus der Kette, überschlägt sich und landet für den Schlussmoment frontal zur Kamera.
So funktioniert es
- Anfrage: Sag deinem Agenten, was das Karussell zeigen soll: eine Karte pro Eintrag, jede mit Kategorie, Titel und zwei Pills, etwa einem Status und einem Datum oder Preis.
- 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
- Schreib Kartentitel mit zwei bis fünf Wörtern; sie stehen auf einer kleinen Fläche.
- Wähle als Hero-Karte die Karte, mit der du enden willst.
- Warmes Führungs- und Unterlicht schmeichelt dunklen Karten; halte den Hintergrund dunkler als die Karten.
- Mit 6,7 Sekunden läuft es gut als Loop im Feed; für eine längere Version renderst du es zweimal hintereinander.
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
- Eine Liste von Karten: je eine Kategorie, ein kurzer Titel und zwei Pills.
- 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
Wie viele Karten kann ich verwenden?
Eine bis zwölf. Übergib sie als JSON-Liste in der Variable cards und wähle, welche zur Hero-Karte wird.
Kann ich den Look der Blöcke ändern?
Ja. Größe, Dicke, Eckenradius, Fase, Korpusfarbe, Rauheit, Metallanteil und jedes Licht sind Variablen.
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 Vael erstellt haben.
