Produkt-Demo-Video erstellen
Erstelle eine kohärente Produktgeschichte, die sich anfühlt, als wäre sie von einer Person bedient worden. Bevorzuge die Aufnahme der echten Benutzeroberfläche und füge nur die Präsentationsschicht hinzu, die für die Klarheit notwendig ist.
Wähle den Schnitt
- Verwende 1920×1080 bei 30 oder 60 fps für ein Repository, eine Landing Page oder einen detaillierten Workflow.
- Verwende 1080×1350 für einen 4:5 Social-Feed-Schnitt und 1080×1920 für eine vertikale Story/Reel.
- Standardmäßig 45–90 Sekunden für einen vollständigen Workflow und 8–15 Sekunden für einen Social-Teaser.
- Erstelle separate Schnitte für wesentlich unterschiedliche Längen; beschleunige nicht einfach den langen Schnitt.
Erstelle die Geschichte
Überprüfe die App, verfügbare Assets, vorhandene Skripte und die Markenbehandlung, bevor du schreibst. Schreibe ein kurzes Beat-Blatt mit Aufhänger, Problem, Aktion, sichtbarem Ergebnis und Handlungsaufforderung. Halte eine sinnvolle Aktion pro Beat. Lasse wichtige Zustände lange genug ruhen, damit sie gelesen werden können.
Zeige für einen vollständigen Workflow die menschliche Absicht, die Agentenaktion, das überprüfte Ergebnis und die Auflösung. Führe bei einem Teaser mit dem Ergebnis ein und verwende nur die minimale Benutzeroberfläche, die zum Nachweis erforderlich ist.
Animieren menschlicher Interaktion
Lies motion-language.md, bevor du Zeiger-, Tipp- oder Kamera-Animation implementierst. Verwende human-motion.mjs, um deterministische Zeigerpfade und Tippzeitleisten zu generieren, und passe dann seine Ausgabe an das Aufzeichnungs-Framework an.
Wende diese Anforderungen an:
- Halte die Cursorposition innerhalb einer Szene kontinuierlich. Teleportiere sie niemals zwischen sichtbaren Aktionen.
- Bewege dich entlang eines sanft geschwungenen Pfads mit Beschleunigung, Verzögerung und einer kleinen abschließenden Korrektur.
- Variiere die Dauer mit der Entfernung und der Zielgröße. Vermeide eine globale Cursor-Geschwindigkeit.
- Mache eine kurze Pause nach der Ankunft, animiere den Zeigerdruck plus eine Klickwelle und führe dann den Klick aus.
- Tippe Zeichen für Zeichen mit unterschiedlichen Verzögerungen und etwas längeren Pausen bei Leerzeichen und Satzzeichen.
- Rendere ein blinkendes Einfüge-Caret, wenn ein Textfeld fokussiert ist, einschließlich Pausen vor, während und nach dem Tippen.
- Vermeide synthetische Tippfehler, es sei denn, sie unterstützen die Geschichte.
- Blende den Zeiger bei harten Szenenwechseln aus, wenn die kontinuierliche Position nicht beibehalten werden kann.
Aufnehmen und komponieren
Verwende das Playwright-Skill, wenn Browser-Automatisierung erforderlich ist. Nimm in der endgültigen Zielauflösung oder höher auf. Bevorzuge die echte App, das echte Layout und echte Statusübergänge gegenüber einem nachgebildeten Mockup. Wenn ein Staging notwendig ist, bewahre klar die visuelle Identität des Produkts.
Verwende zurückhaltende Kamerabewegungen:
- Schwenke oder zoome, um die Aufmerksamkeit zu lenken, nicht nur, um Bewegung hinzuzufügen.
- Animieren eine stabile Kamera-Hülle; gehe nicht mehrere Seiten-Kinder unabhängig voneinander über.
- Behalte einen festen Transformationsursprung bei und fahre von der aktuell gerenderten Transformation fort, um Sprünge zu vermeiden.
- Fahre sanft in Zooms hinein und heraus, halte am Ziel inne und gib der Rückwärtsbewegung eine eigene Beschleunigung.
- Vermeide es, Kamera, Cursor und wichtige UI-Elemente gleichzeitig in konkurrierende Richtungen zu bewegen.
- Halte Textüberlagerungen innerhalb sicherer Ränder und lesbar ohne Audio.
- Animieren Untertitel und Fortschrittsanzeigen konsistent mit der visuellen Sprache des Produkts.
Codieren
Bevorzuge H.264 MP4 mit yuv420p und faststart für breite Wiedergabeunterstützung. Bewahre das
hochauflösende Master und leite kleinere Auslieferungsschnitte daraus ab. Halte Text scharf und vermeide
übermäßige Komprimierung an UI-Kanten.
Überprüfen und iterieren
Überprüfe das gesamte Video, nicht nur das erste Bild. Extrahiere einen Kontaktabzug plus Einzelbilder bei jedem Klick, Übergang, Zoom-Endpunkt, abgeschlossener Texteingabe und finalem CTA. Überprüfe:
- die Cursor-Bewegung wirkt beabsichtigt, aber nicht perfekt;
- jeder Klick hat sichtbares Feedback und landet auf dem Ziel;
- Zeigergeschwindigkeit und Tippgeschwindigkeit variieren natürlich;
- das Caret blinkt in fokussierten Textfeldern;
- Zooms bleiben kontinuierlich bei ihrem Start, Fokus-Haltepunkt, Umkehrung und Endpunkt;
- Beschriftungen bleiben lange genug lesbar;
- kein Cursor, Tooltip, Modalfenster oder Untertitel ist abgeschnitten;
- Übergänge bewahren die räumliche Kontinuität;
- Abmessungen, Dauer, Codec und Dateigröße entsprechen dem gewählten Schnitt.
Überarbeite jede überhastete Aktion vor der Auslieferung. Stelle das finale Video, das Standbild, die Dauer, die Abmessungen und den lokalen oder Repository-Pfad bereit. Aktualisiere die Repository-Dokumentation nur auf Anfrage.