Kostenlos
Halden Solace · 16:9
Mit diesem Skill gerendert
Explosionsansicht in Schichten v1.0.0
Vier isometrische Platten fahren auseinander, jede Schicht mit Beschriftung, halten kurz und rasten dann wieder zu einem Stapel zusammen.
Noch keine Bewertungen 0 Downloads
- Format
- Video · 16:9
- Länge
- 0:05
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 5-sekündige „Was steckt drin“-Momente. Vier isometrische Platten heben sich voneinander ab, jede bekommt eine nummerierte Beschriftung und eine eigene Zeichnung, die Schichten halten kurz und fügen sich dann wieder zu einem Stapel. Titel, die vier Schichtnamen, Akzent und Hintergrund sind Variablen.
Aktualisiert am 3. Nov. 2026
Das bekommst du
- Ein 5-sekündiges MP4 in 1920×1080
- Vier beschriftete isometrische Schichten, die auseinanderfahren und sich wieder stapeln
- Variablen für Titel, Schichtnamen und zwei Farben
Gut geeignet für
- „Was steckt drin“-Momente für Produkte
- Architektur- und Systemdiagramme
- Feature-Erklärungen und Onboarding
Nicht geeignet für
- Fotos der echten Produktschichten
- Mehr als vier Schichten
Über diesen Skill
Du sagst
/exploded-stack Mach eine Explosionsansicht mit dem Titel „Inside the Halden Solace“ und den Schichten Knit upper, Foam midsole, Carbon plate und Grip outsole. Akzent #E2552B auf warmem gebrochenem Weiß.
Zu zeigen, woraus etwas besteht, schafft schnell Vertrauen. Exploded Layer Stack zerlegt ein Produkt oder System in vier beschriftete Schichten und setzt es wieder zusammen, in fünf Sekunden. Gebaut wurde es für Software-Architektur, aber es funktioniert genauso gut für einen Schuh, eine Matratze, eine Skincare-Routine oder ein Preismodell.
So funktioniert es
- Anfrage: Nenne deinem Agenten einen Titel und vier Schichtnamen von oben nach unten, dazu eine Akzentfarbe.
- Befüllen: Er trägt deinen Text und deine Farben in die Variablen des Blocks ein und hält die Texte nah an der Länge, für die das Layout gemacht ist.
- Rendern: Er rendert mit
npx hyperframes rendereinen Entwurf, prüft ein paar Frames und rendert dann das finale MP4. - Wiederverwenden: Die Variablen liegen in einer kleinen JSON-Datei; die nächste Version ist also nur ein weiterer Render.
Tipps
- Benenne jede Schicht mit zwei oder drei Wörtern.
- Ordne sie so an, wie das Produkt wirklich aufgebaut ist, von oben nach unten.
- Nimm deine Markenfarbe als Akzent; sie hebt die aktive Schicht hervor.
- Setz es in einem längeren Erklärvideo als „So funktioniert es“-Moment ein.
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 und einer von Reelity geschriebenen SKILL.md, damit dein Agent weiß, wie er ihn befüllt und rendert; HyperFrames selbst läuft über npm.
Was du vorab brauchst
- Du lieferst
- Einen Titel, vier Schichtnamen und eine 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 mehr als vier Schichten verwenden?
Der Block hat vier. Für mehr kann dein Agent ihn zweimal mit anderen Schichten rendern und die Clips zusammenschneiden.
Können die Platten meine Produktfotos zeigen?
Nein. Die Platten sind einfache Zeichnungen; die Beschriftungen tragen die Aussage.
Warum ist es kostenlos?
Es ist ein Open-Source-Block für HyperFrames von HeyGen und den HyperFrames-Mitwirkenden. Wir listen ihn unverändert, mit einer SKILL.md, damit dein Agent ihn nutzen kann, und einem Beispiel, das wir mit unserer Hausmarke Halden Solace erstellt haben.
