Das bekommst du
- Ein fertiges HyperFrames-Projekt und ein Render-Befehl für eine 1080p-MP4 mit 30 fps und 7 Sekunden
- Haken, getaktet auf die echten Aktionszeiten deiner Aufnahme
- Vier Paletten mit identischem Layout und Timing
- Ein mitgelieferter illustrativer Handy-Bildschirm für Entwürfe
- Optional PopNow-Sprachaufnahme pro Schritt, Musikbett und Bildschirmbild für Entwürfe
Gut für
- App-Tutorials und Onboarding-Schritte
- Drei-Schritt-Anleitungen in Creator-Videos
- Kurze Produktdemos, in denen jeder Schritt sichtbar erledigt wird
Nicht für
- Mehr als vier Schritte
- Lange Bildschirm-Durchgänge; Medien laufen bis 6,8 Sekunden
- Reine Desktop-Bildschirme, die nicht in einen Handy-Rahmen passen
So nutzt du ihn
In Claude oder ChatGPT
Nutze den PopNow-Skill „Produktdemo mit animierter Checkliste“ (animated-checklist-demo) dafür: Checklisten-Video für unser Onboarding: „Notizbuch anlegen“ bei 1,2 s, „Tag hinzufügen“ bei 2,9 s, „Teammitglied einladen“ bei 4,6 s, Bildschirm ./onboarding.mp4.
In einem Coding-Agent
/popnow-animated-checklist-demo Checklisten-Video für unser Onboarding: „Notizbuch anlegen“ bei 1,2 s, „Tag hinzufügen“ bei 2,9 s, „Teammitglied einladen“ bei 4,6 s, Bildschirm ./onboarding.mp4.
Dann probier
Render auch den Stil in Kohle und Limette, damit ich vergleichen kann.
Füge für jeden Schritt eine kurze Sprachzeile hinzu. Nenne mir vorher den Preis.
Das solltest du bereithalten
- Bis zu vier kurze Aufgabentexte
- Eine Bildschirmaufnahme oder einen Screenshot und die Sekunde, in der jeder Schritt passiert
- Node.js 22+ und FFmpeg; optional ein PopNow-API-Schlüssel
Ähnliche Skills
Alle ansehen →Launch-Video für KI-Agenten mit Figuren-Crew
+3Glänzende Helferfiguren auf Punktepapier, Handy-Aufgaben live und ein Skill, der einen neuen Helfer ausbrütet.
KI-Chatbot-Demo-Video
+3Vertontes Demo in einer dunklen Chat-App: Integration einschalten, fragen, Ergebnis mit hochzählender Zahl.
Agentischer Produkt-Launch-Film
+3Ruhiger Keynote-Launch-Film aus der echten Website und Oberfläche deines Produkts, auf den Beat geschnitten.
Mobile-App-Promo-Video
+310–13 Sekunden App-Promo, in dem sieben Produkt-Momente als eine Kamerabewegung fließen, in HTML und GSAP.
ASCII-Glitch-Hype-Film
+3Zeichenraster-Bilder, Tracking-Boxen und Punktmatrix-Wörter, die im Takt auf dein Logo schneiden.
Vorher-nachher-Vergleichs-Launchvideo
+3Fast schwarze Fläche, Mono-Dateinamen, ein elektrischer Akzent: dein Inhalt erst als Seite, dann als Film.
Bauplan-Promo-Video für Spezifikationen
+3Deine Aussage auf einem fast schwarzen Datenblatt: gerahmte Figuren, Schraffuren, Hinweislinien, Schriftfeld.
Changelog-Erklärvideo
+3Mach aus einem echten Pull Request einen 30-Sekunden-Film für Leute, die den Diff nie lesen werden.
Launch-Video im Ein-Thread-Chat
+3Ein Chatfenster auf warmem Papier, das nie zurückgesetzt wird: Wartezeit erfragen, Fix erfragen, zusehen.
Filmischer Teaser für dunkle Oberflächen
+3Deine Oberfläche treibt in schwarzer Leere: gleitende Kamera, Fokusband, getippter Befehl, leuchtender Name.
Launch-Reel für Developer-Tools
+3Ein Prompt, viermal getippt, ein taktgenauer Reel echter Ergebnisse und danach dein Installationsbefehl.
SaaS-Produktvideo mit Gerätemockups
+3Dein echter App-Bildschirm auf neutralem Gerät im dunklen Studio, dann eine Live-Aktion und helle Enthüllung.
Redaktionelles Launch-Video auf warmem Papier
+3Übergroße Typo auf warmem Papier, eine Akzentfarbe pro Bild, eine angehobene Produktkarte und ein Finale.
Feature-Launch-Video aus Nutzerbeschwerden
+3Beginne mit der Beschwerde, die Nutzer immer wieder posten, und zeig, dass das neue Feature sie widerlegt.
Witziges Problem-Lösungs-Video
+3Ein kleines Ärgernis wird als Gag gespielt, höfliche Bitten häufen sich, dann löst eine orange Pille alles.
Halbton-Leinwand-Launch-Video
+3Ein Launch-Film auf einer lebendigen Punktleinwand, die sich vor jeder Textzeile um einen Takt früher bewegt.
Handgezeichnetes Infografik-Video
+3Filzstift-Felder auf einem Poster, eine Route, der die Kamera folgt, am Ende der Blick aufs ganze Blatt.
KI-Assets für HyperFrames
+3Hero-Bilder, B-Roll, Musik und Sprache für HyperFrames-Videos, vorab angeboten und in assets/ abgelegt.
Produkt-Launch-Film
+3Ein 20–40 Sekunden langer Launch-Film aus deiner URL oder README, mit fertigen Post-Texten.
Flüssiges Logo-Reveal
+3Eine glänzende Perle trägt dein Zeichen, unlesbar, dann platzt sie und hinterlässt die scharfe Wortmarke.
Keynote-Launch-Video mit mehreren Stilen
+3Jede Fähigkeit in ihrer eigenen Welt: Diagramm in Blau, Serifenseite in Creme, dunkles Licht, Poster-Raster.
Mehrsprachiges Launch-Video
+3Der Produktname steht still, jede Sprache rollt in ihrer eigenen Schrift ein, gesprochen und untertitelt.
Erklärvideo mit Erzählung
+3Erklärvideo mit Sprecher und synchronen Untertiteln, 45–120 Sekunden, im Collage-, Whiteboard- oder Datenstil.
Scherenschnitt-Animation für Wissenschaft
+3Papierlagen im Schattenkasten, Sonne und Mond als Ausschnitte, Schilder an Fäden: eine Idee, erzählt.
Partner-Ankündigungsvideo
+3Sprecher im Rahmenfenster, zwei Logos auf einer Karte, getipptes Setup und Verben im Takt der Stimme.
Pixel-Art-Promo-Video
+3Retro-Pixel-Art-Film über dein Produkt, Bild für Bild aus Link, Pitch oder Geschichte gezeichnet.
Plüschfiguren-Launch-Video
+3Filz-Plüschfiguren reiten auf dem Cursor und bauen dein Promo live im Team-Editor, Schnitt auf dem Takt.
Stille-zu-Ton-Reveal-Promo
+3Ein Knopf, dreimal in völliger Stille gedrückt, dann dieselbe Einstellung mit Ton und danach mit Musik.
Quadratisches UI-Morph-Promo
+3Auf warmem Papier streckt sich ein Button zur Prompt-Karte, dann zoomt die Ansicht auf eine Sitzungswand.
Papier-Bilderbuch-Animation
+3Ein bewegtes Bilderbuch: Filz- und Ton-Ausschnitte, geschichtete Papierhügel, Wörter, die aufpoppen.
Kundenstimmen-Video-Maker
+3Porträtkarten mit erhobener Zitatkarte auf warmem Papier, Türkisakzent, sanfte Überblendung pro Kunde.
Text hinter der Person als Titel
+3Eine riesige Überschrift schiebt sich hinter die Person im Bild und übernimmt nach einem Schnitt das Bild.
Material-Textur-Typo-Promo
+3Überschriftenbuchstaben aus Terrazzo, Backstein und Stahl, die alle drei Bilder die Oberfläche wechseln.
Whiteboard-Animationsvideo
+3Ein Filzstift zeichnet die Lektion, löscht den Irrtum und zieht sich auf die fertige Tafel zurück.
Fragen
Wie werden die Haken mit meiner Bildschirmaufnahme synchron?
Jede Aufgabe hat einen at-Wert in Sekunden. Setz ihn auf den Moment, in dem die Aktion in deiner Aufnahme passiert; Haken und Kästchen-Füllung starten genau auf diesem Bild.
Kann ich statt einer Aufnahme einen Screenshot nehmen?
Ja. Ein Standbild funktioniert, aber dann zeigen die Haken nur das Demo-Timing, und der Skill sagt das, statt eine echte aufgenommene Interaktion vorzutäuschen.
Was ist der Standard-Handybildschirm?
Ein illustrativer, erzeugter Notizen-App-Bildschirm im Paket, sodass Entwürfe ohne Assets rendern. Ersetze ihn durch den Bildschirm deines Produkts für eine echte Demo.
Kann ich eine Erzählstimme hinzufügen?
Ja. PopNow kann pro Schritt eine kurze Zeile sprechen, direkt vor jedem Haken, mit einem ruhigen Bett darunter, das abgesenkt wird. Du siehst den Credit-Preis, bevor etwas erzeugt wird.