Das bekommst du
- Ein 30-fps-MP4-Sting, 10 bis 13 Sekunden, quadratisch, hochkant oder breit
- Ein HyperFrames-Projekt in einer einzigen Datei, jede Szene bearbeitbar
- Ein Nahtprotokoll, das die Richtung jedes Schnitts festhält
- Eine Übergabenotiz mit Platzhaltern, Markenfarben, Rechten und gemessenen Zahlen
- Optional PopNow-Musikbett, auf eine Social-Lautheit abgemischt
Gut für
- Social-Posts und Loops am Launch-Tag
- Event-Bildschirme und Bumper vor einem Talk
- Die ersten Sekunden eines längeren Produktfilms
Nicht für
- Erklären, wie ein Produkt funktioniert; für ein Argument ist kein Platz
- Produkte ohne Bildschirme, Navigation oder Erstellen-Button zum Zeigen
- Footage-basierte oder Realfilm-Promos
So nutzt du ihn
In Claude oder ChatGPT
Nutze den PopNow-Skill „Mobile-App-Promo-Video“ (app-promo-sting) dafür: Mach ein quadratisches 12-Sekunden-Sting für unsere Notizen-App: Anmeldung, „Diese Woche gespeicherte Ideen 1.284“, die Seitenleiste und das Erstellen einer Meeting-Notiz.
In einem Coding-Agent
/popnow-app-promo-sting Mach ein quadratisches 12-Sekunden-Sting für unsere Notizen-App: Anmeldung, „Diese Woche gespeicherte Ideen 1.284“, die Seitenleiste und das Erstellen einer Meeting-Notiz.
Dann probier
Mach eine breite 16:9-Version für den Konferenzbildschirm.
Füge ein Musikbett hinzu, das auf die Endkarte trifft. Nenn mir vorher die Credits.
Das solltest du bereithalten
- Dein Logo (am besten in zwei Teilen) und vier Farben
- Die Bildschirme für Anmeldung, eine Kernzahl, Navigation und eine Aktion
- Node.js 22+ und FFmpeg; optional ein PopNow-API-Schlüssel für Musik
Leitfaden: So erstellst du ein Social-Media-Promo-Video mit KI
Ä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.
Produktdemo mit animierter Checkliste
+3Checkliste auf Papierzettel neben einem Handy; jedes Kästchen wird abgehakt, sobald der Schritt passiert.
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
Ist das Video von einem KI-Video-Modell erzeugt?
Nein. Jedes Bild ist HTML, CSS, SVG und GSAP, die dein Agent schreibt und HyperFrames als MP4 rendert. So bleibt der Text scharf, und die Bildschirme sind dein echtes Produkt. PopNow wird nur für optionale Musik oder einen Hintergrund genutzt.
Was macht die Schnitte fließend?
Jeder Schnitt wird im Protokoll geplant, bevor es Code gibt: Die ausgehende Szene bewegt sich noch, wenn das Bild wechselt, und die nächste kommt schon in Bewegung auf derselben Achse und Richtung herein, mit einem gemeinsamen Paar Easing-Kurven.
Kann ich es später umbranden?
Ja. Platzhalter, Texte und vier Farb-Tokens sind Daten. Der Skill behält den Bildplan und die Easings, und das Protokoll zeigt, welche Nähte du neu prüfen musst, wenn du eine Szene verschiebst.
Was muss ich installieren?
Node.js 22 oder neuer und FFmpeg. HyperFrames läuft über npx, und die Begleit-Skills installieren sich mit je einem Befehl; das Paket erklärt es und enthält Ausweichregeln.