
Mit diesem Skill gerendert
Orbit-Feature-Karte v1.0.0
Eine Feature-Karte fliegt herein, umkreist auf einer weichen Blender-Kamerafahrt eine rotierende Punktkugel und fliegt wieder hinaus, alles in 10 Sekunden.
- Format
- Video · 16:9
- Länge
- 0:10
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, der ein einzelnes Produktfeature zu einem 3D-Moment macht. Eine dunkle Karte mit kreisrundem Ausschnitt rahmt eine Punktkugel; sie kommt von rechts, schwebt, umkreist die Kugel einmal komplett und verschwindet nach links, mit einer aus Blender exportierten Kamerabewegung. Feature-Titel, Beschreibung, Akzentfarbe und Orbit-Winkel sind Variablen.
Aktualisiert am 2. Nov. 2026
Das bekommst du
- Ein 10-sekündiges MP4 in 1920×1080 mit einer 3D-Feature-Karte
- Aus Blender exportierte Kamerabewegung, framegenau abgespielt
- Variablen für Titel, Beschreibung, Akzent und Orbit-Winkel
Gut geeignet für
- Feature-Highlights bei App- und SaaS-Launches
- Changelog- und Release-Notes-Clips
- Einschübe in Produkttouren
Nicht geeignet für
- Mehrere Features auf einer Karte
- Echte App-Screenshots (sie zeigt Text, keine UI)
Über diesen Skill
/orbit-card Mach eine Orbit-Karte für das neue Feature unserer Smart-Home-App: Titel „Evening wind-down“, Beschreibung „Lights dim, blinds close and the heat drops at sunset.“, Akzent #E8735A.
Jedes Feature verdient seinen eigenen Moment. Orbit Card setzt ein Feature auf eine einzige Karte: ein Titel, ein Satz und eine Akzentlinie, rund um ein Fenster, das eine rotierende Kugel aus Punkten rahmt. Die Kamerafahrt stammt aus einem Blender-Rig, deshalb wirken Auftritt, Schweben, voller Orbit und Abgang wie gedreht statt von Hand animiert.
So funktioniert es
- Anfrage: Sag deinem Agenten, was auf der Karte stehen soll: der Feature-Titel, eine Beschreibung in einem Satz und eine Akzentfarbe.
- 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
- Ein Feature pro Karte. Für eine Feature-Liste renderst du den Block einmal pro Feature und schneidest die Clips zusammen.
- Halte die Beschreibung unter zwölf Wörtern; sie steht klein auf der Karte.
- Wähle einen Akzent aus deiner Markenpalette; er färbt die Linie und das Leuchten der Kugel.
- Stell den Orbit auf 180° für eine schnellere Drehung oder auf 720° für eine auffälligere.
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
- Einen Feature-Namen, einen kurzen Satz dazu und deine Akzentfarbe.
- 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 einen Screenshot auf der Karte zeigen?
Nicht im Auslieferungszustand: Die Karte trägt einen Titel und einen Satz rund um die Kugel. Dein Agent kann das HTML anpassen und ein Bild einfügen, aber der Block ist für kurze Texte gemacht.
Wie mache ich eine Feature-Liste?
Render den Block einmal pro Feature mit anderen Variablen und schneide die Clips zusammen; jeder beginnt und endet leer, deshalb gehen sie sauber ineinander über.
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 Solenne erstellt haben.






