Das bekommst du
- Eine 1080x1080-MP4 mit 24 fps und 34 s (23 s Light)
- Eine lauffähige quadratische Filmvorlage mit einem Morph-Knoten und einer Kamera über einer 3x3-Wand
- Vier geschriebene Morph-Geometrien, ein Storyboard mit acht Beats und ein Nahtprotokoll
- Eine Prüfung der Textbudgets und ein Starter-Skript für das Projekt
- Optional PopNow-Ergebnisbilder, Musikbett und Oberflächengeräusche
Gut für
- Integrationen, Exporte und Senden-an-Aktionen zwischen zwei Werkzeugen
- Feed- und Profilraster-Posts, die quadratische Videos zeigen
- Eine Übergabe an einen Agenten als eine einfache Geste zeigen
Nicht für
- Landingpage-Heroes oder alles, was im 16:9-Format gesehen wird
- Funktionen, bei denen auf der Seite nichts getippt wird, auf das sie reagieren kann
- Die Oberfläche eines anderen Unternehmens ohne schriftliche Erlaubnis nachbauen
So nutzt du ihn
In Claude oder ChatGPT
Nutze den PopNow-Skill „Quadratisches UI-Morph-Promo“ (square-ui-morph-promo) dafür: Unsere Notizen-App schickt jetzt mit einem Button eine Notiz an unser Bildwerkzeug. Mach den quadratischen Launch-Film für unseren Feed.
In einem Coding-Agent
/popnow-square-ui-morph-promo Unsere Notizen-App schickt jetzt mit einem Button eine Notiz an unser Bildwerkzeug. Mach den quadratischen Launch-Film für unseren Feed.
Dann probier
Nenn mir die Preise für drei Titelbilder für die Antwort und ein Bett, das beim Zurückfahren anhebt.
Mach den 23-Sekunden-Light-Schnitt.
Das solltest du bereithalten
- Die beiden Werkzeuge und die Aktion, die sie verbindet
- Eine echte Anfrage mit einem Wort, auf das die Seite reagieren kann
- Sitzungsnamen für die Wand, echt oder klar erfunden
- Node.js 22+ und FFmpeg
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.
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.
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
Warum quadratisch?
Der Film ist für Feeds gebaut, die 1:1-Video zeigen. Der Skill fragt zuerst, wo er gepostet wird; für eine breite Seite empfiehlt er einen anderen Film, statt das Quadrat einzurahmen.
Ist der Morph wirklich ein Element?
Ja. Der Button, die Prompt-Karte, die Karte mit Optionen und die eingeklappte Zeile sind ein Element, das durch vier geschriebene Formen wandert, mit einem gemeinsamen Easing. Zuschauer sehen ein Objekt sich verändern, statt Dinge auszutauschen.
Was passiert beim Zurückfahren?
Der Film lief die ganze Zeit in einer Karte einer Wand aus neun Karten. Die Kamera kehrt auf normale Größe zurück, die Karte, die du gesehen hast, behält Farbe und Ergebnisse, dann taucht die Kamera in eine andere Karte.
Kann es die Oberfläche meines Partners zeigen?
Nur mit schriftlicher Erlaubnis. Sonst nutzt der Skill für diese Fläche eine neutrale Papierkarte und sagt das in der Übergabe.