
Vorschaugalerie
Läuft in
Installationsanleitungen
Generiert mit
LLM des Host-Agents
Nutzt Tools
Ähnliche Skills
Alle Skills ansehenDas bekommst du
- Ein 16 bis 20 Sekunden langes MP4 in 1920x1080: Ein echter Produkt-Screen erscheint auf einem Gerät in einem dunklen Studio, scrollt unter einem übergroßen Cursor, führt eine Aktion aus, formuliert eine Aussage und enthüllt das Lockup.
- Das bearbeitbare Projekt mit einem Gerät, das allein aus CSS-Perspektive gebaut ist – kein 3D-Modell, kein WebGL, kein Loader, nichts zu lizenzieren –, und dem Transform-Stack, der eine flache Platte wie ein Objekt wirken lässt.
- Das Inszenierungshandwerk: wie du einen Screen aufnimmst, der auch beim Hineinzoomen standhält, warum der Zoom ins Interface ein Motivwechsel und keine Kamerabewegung ist, und welche zwei Übergänge funktionieren.
Passt gut für
- Dein Produkt hat einen Screen, der sich zeigen lässt, und der Launch soll beweisen, dass es existiert und funktioniert.
- Du kannst diesen Screen real aufnehmen, auf deiner eigenen Website oder in deiner App.
- Du willst eine Aktion richtig zeigen statt einer Tour durchs ganze Produkt.
Nicht geeignet für
- Produkte ohne Interface oder bei denen der Screen ein Mockup sein müsste – ein Mockup auf einem Gerät in einem Studio ist eine sehr teure Art, nichts zu zeigen.
- Filme, die mehrere Features vorführen müssen. Zwei Aktionen im Interface machen aus einem Launch ein Tutorial – länger, langsamer und für ein anderes Publikum.
- Alle, die das Smartphone eines bestimmten Herstellers oder die Website eines Dritten auf dem Screen zeigen wollen.
Social-Media-Content & KampagnenProduktlaunch & App-WachstumSocial-Brand-Video erstellenLaunch-Video erstellenProduktdemo-Video erstellenBelege zuerstGeführter WorkflowVisuell ausgefeiltChromatischer Split-RevealCSS-PerspektivplatteGerät im dunklen StudioZoom durch die OberflächeÜbergroßer Cursor
Über diesen Skill

Was du vorab brauchst
- Du bringst mit
- Eine echte Aufnahme des Screens deines Produkts, hoch genug zum Scrollen · Die eine Aktion, die der Film im Interface ausführt, und was das Produkt darauf antwortet · Die Aussage und ein zweizeiliger CTA · Das Lockup · Zwei Farben: ein dunkler Studiogrund und ein Produktakzent
- Abhängigkeiten
- HyperFrames CLI – erforderlich · Node.js 22 oder neuer – erforderlich · FFmpeg – erforderlich
- Zuletzt getestet
- v1.0.0 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Nutzerbewertungen
Bewertungen werden geladen …







