Brand Launch Video Star

Was macht Brand Launch Video Star?

Erstellen Sie einen authentischen Launch-Film, keine generische Bewegungsvorlage. Verifizieren Sie die Marke, erzählen Sie eine produktspezifische Geschichte und rendern Sie eine schnelle, polierte Sequenz mit exakten Assets und deterministischer Bewegung.

Release-Blocker

1. Authentische Assets verwenden. Erfinden, neuzeichnen, annähern, nachzeichnen oder generieren Sie niemals ein Logo, Wortmarke, Produkt, Benutzeroberfläche, Maskottchen, Verpackung, Person oder Markenszene.
2. Logo exakt machen. Laden Sie die aktuelle offizielle Datei herunter oder verwenden Sie das Original des Benutzers. Setzen Sie niemals eine Wortmarke oder bauen Sie ein Logo mit CSS/SVG-Primitiven neu auf.
3. Über die Uploads hinaus recherchieren. Behandeln Sie Uploads als verwendbares Quellmaterial, nicht als Obergrenze für Assets. Finden Sie zusätzliches offizielles oder lizenziertes Material, wenn die Geschichte es erfordert.
4. Produkt zeigen. Demonstrieren Sie tatsächliche Funktionen, Interaktionen, Szenarien, Ergebnisse und Belege. Verstecken Sie keine schwache Produktgeschichte hinter abstrakten Effekten.
5. Standardmäßig Englisch. Verwenden Sie eine andere Sprache nur auf ausdrücklichen Wunsch.
6. Bewegung deterministisch halten. Berechnen Sie jeden Zustand aus Frame/Zeit und expliziten Eingaben. Verlassen Sie sich niemals auf Render-Reihenfolge oder ungesäten Zufall.
7. Behauptungen verifizieren. Überprüfen Sie aktuelle Namen, Funktionen, Metriken, Slogans und CTAs anhand offizieller Quellen.

Wenn ein identitätstragendes Asset nicht authentifiziert werden kann, stoppen Sie und fragen Sie nach einem autorisierten Original. Rendern Sie keinen plausiblen Ersatz.

Verwenden Sie prozedurale Grafiken nur als nicht-repräsentative Bewegungsebenen: Masken, Verläufe, Farbfelder, Raster, Glüheffekte, Partikel, Spuren, Typografie, Diagramme mit verifizierten Daten und Übergangsgeometrie.

Schnellstart

Installieren Sie den Skill:

npx skills add vibe-motion/skills

Rufen Sie ihn mit einem konkreten Brief auf:

Verwenden Sie $brand-launch-video-star, um einen 15-sekündigen 16:9 englischen Launch-Film
für https://example.com zu erstellen. Recherchieren Sie offizielle Assets, zeigen Sie den Kern-Workflow
des Produkts und liefern Sie ein Vibe Motion/Remotion MP4 sowie Provenienzdateien.

Arbeiten Sie im bestehenden Vibe Motion- oder Remotion-Projekt des Benutzers. Wenn keines existiert, initialisieren Sie ein Vibe Motion-Projekt mit npx create-vibe-motion und befolgen Sie die eigenen Installations- und Render-Befehle des generierten Projekts.

Vor der Implementierung:

1. Kopieren Sie references/asset-manifest.example.json in das Projekt und ersetzen Sie jeden Beispielwert.
2. Kopieren Sie references/timeline.example.json in das Projekt und passen Sie Dauer und Shots an.
3. Validieren Sie beide Dateien:

node <skill-dir>/scripts/validate-assets.mjs path/to/asset-manifest.json
node <skill-dir>/scripts/validate-timeline.mjs path/to/timeline.json

Verwenden Sie --schema-only nur, um die gebündelte Manifest-Vorlage zu inspizieren:

node <skill-dir>/scripts/validate-assets.mjs \
  <skill-dir>/references/asset-manifest.example.json --schema-only

Workflow

1. Brief klären

Bestimmen Sie:

• Unternehmen/Produkt und offizielle URL
• Produkt- oder Kampagnenfokus
• Zielgruppe und Vertrieb
• Dauer; Standard 15 Sekunden, normalerweise 15-30 Sekunden
• Seitenverhältnis; Standard 16:9
• Sprache; Standard Englisch
• Erforderliche Behauptungen, CTA und Haftungsausschlussbedarf
• Ob der Benutzer die bereitgestellten Assets besitzt oder veröffentlichen darf

Stellen Sie nur Fragen, die den Film wesentlich verändern.

2. Marken-Faktenblatt erstellen

Durchsuchen Sie aktuelle offizielle Quellen und extrahieren Sie:

• Exakte Logo-Varianten und Verwendung
• Offizielle Schriftarten oder Webschriften
• Primäre, sekundäre und dynamische Farben
• Markenprinzipien, Ton und visuelle Motive
• Aktuelle Produktnamen, Funktionen, Szenarien, Metriken und CTA
• Offizielle Fotografie, Renderings, UI-Screenshots, Filmmaterial, Presse-Assets und Media-Kits

Priorisieren Sie:

1. Vom Benutzer bereitgestelltes Original
2. Unternehmenswebsite, statisches Bundle, Newsroom, Markenportal, Media-Kit oder offizielles Repository
3. Vom Unternehmen kontrollierte Medienbibliothek
4. Lizenzierte Stock- oder autorisierte Partner-Kits

Lesen Sie references/asset-authenticity.md vor dem Beschaffen von Assets.

3. Asset-Manifest erstellen

Erfassen Sie jedes identitätstragende Asset in asset-manifest.json:

• Stabile ID und Rolle
• Lokaler Pfad
• Exakte Quell-URL
• Quellentyp
• Offizielle Verifizierungsseite/-datei
• Rechte/Lizenzhinweis
• Authentizitätsstatus
• Optional: SHA-256-Prüfsumme

Der Validator prüft die Manifeststruktur, die deklarierte Herkunft, die Existenz lokaler Dateien und optionale Prüfsummen. Er gewährt keine unabhängigen Nutzungsrechte und beweist nicht die Wahrhaftigkeit einer entfernten Quelle; führen Sie den offiziellen Quellenvergleich manuell durch.

Starten Sie die finale Renderausgabe nicht, solange die Validierung fehlschlägt.

4. Erzählstruktur wählen

Präsentieren Sie 2-3 prägnante Richtungen und empfehlen Sie eine:

• KI/SaaS: Absicht -> Denken/Planen -> Fähigkeiten -> Ausführung -> Ausgabe -> Nachweis -> Logo
• Physisches Produkt: Held -> Interaktion -> Feature-Makro -> Nutzungskontext -> Ergebnis -> Logo
• Dienstleistung/Unternehmen: Kontext -> Prozess -> Evidenz -> Ergebnis -> Versprechen -> Logo
• Bildgeführte Marke: Authentische Bilder -> Visuelles Motiv -> Nutzen -> Emotionale Belohnung -> Logo

Lesen Sie references/story-patterns.md für Dauermuster.

5. Exakte Frames planen

Verwenden Sie 30fps, es sei denn, das Projekt erfordert etwas anderes. Konvertieren Sie jede Grenze in einen ganzen Frame.

Für 15 Sekunden: 5-8 Hauptschläge anstreben; für 30 Sekunden: 8-12. Geben Sie jedem Schlag:

• Start-/Endframe
• Visueller Besitzer und authentische Asset-IDs
• Primäre Aktion
• Antizipation, Engagement, Einschlag, Bremse und Beruhigung
• Text und lesbare Haltezeit
• Farbzustand
• Ein-/Ausgehender Übergang

Verwenden Sie 6-12 Frame-Überlappungen, wenn Kontinuität von Vorteil ist. Ein Shot besitzt die Geschwindigkeit; der nächste besitzt das Ziel.

6. Intensität mit Kontrolle aufbauen

• Verwenden Sie Produktbewegung, Cursorpfade, Licht, scrollende Inhalte, Objektkanten oder angepasste Geometrie für Übergänge.
• Verwenden Sie 2-5 bewusste Farbzustände mit starkem Kontrast.
• Behalten Sie eine primäre Aktion pro Schlag bei; verzögern Sie sekundäre Ebenen um 2-6 Frames.
• Etablieren Sie 2-3 energiereiche Spitzen und ruhigere Bremsmomente.
• Bewahren Sie lesbare Silhouetten, Text und Logo-Freiraum.
• Vermeiden Sie gefälschte HUDs, willkürliche Glaskarten, dekorative Textwände, ungeprüfte Metriken und identisches Easing überall.

Lesen Sie references/motion-quality.md vor der Implementierung.

7. Ursache und Wirkung demonstrieren

Fügen Sie mindestens eine lesbare Kette ein:

Benutzerabsicht -> Produktaktion -> Systemantwort -> Nützliche Ausgabe

Für KI-Produkte:

Prompt -> Planung -> Parallele Fähigkeiten -> Generiertes Ergebnis -> Nachweis

Verwenden Sie tatsächliche UI-Aufnahmen, Aufzeichnungen, Quellcode oder offiziell bereitgestellte Screenshots. Wenn tatsächliche UI nicht verfügbar ist, verwenden Sie klar konzeptionelle abstrakte Bewegung; erfinden Sie niemals eine gebrandete Benutzeroberfläche und präsentieren Sie sie als real.

8. Implementieren und rendern

Für Remotion:

• Definieren Sie state = f(frame, fps, inputs, constants).
• Halten Sie Shot-Grenzen in einem Timeline/Constants-Modul.
• Seed prozedurale Variation mit stabilen IDs.
• Bewahren Sie Bruchwerte bei der Ableitung von Geschwindigkeit.
• Halten Sie Bilddimensionen und Seitenverhältnisse explizit.
• Bewahren Sie frühere Kompositionen/Ausgaben während der Iteration.

Bevorzugen Sie das lokale CLI des Projekts. Typische Discovery- und Render-Befehle sind:

pnpm exec remotion compositions <entry-file>
pnpm exec remotion render <entry-file> <composition-id> out/launch-film.mp4

Standardvorschau:

• 1920x1080
• 30fps
• H.264 MP4
• Exakte angeforderte Dauer
• Visuell zuerst V1; Ton nur auf Anfrage oder wenn verfügbar hinzufügen

9. Verifizieren

• Führen Sie die Validierung des Asset-Manifests und der Timeline durch.
• Führen Sie Composition-Discovery/Build und gezielte Lint-/Typenprüfungen durch.
• Überprüfen Sie Mediendauer, Bildrate, Dimensionen und Dateiintegrität.
• Inspizieren Sie repräsentative Frames und den vollständigen Render.
• Fragen Sie nach zeitcodiertem Feedback zu Tempo, Klarheit, Wirkung, Authentizität und Geschmeidigkeit.

10. Provenienz liefern

Bereitstellen:

• Gerendertes Video
• Composition-/Quellpfad
• Exakte Spezifikationen und Dauer
• Asset-Manifest
• Marken-/Produktquellenlinks
• Rechte-/Haftungsausschlusshinweis
• Versionskennung

Geben Sie an, wann der Film ein inoffizielles Konzept ist und wann die kommerzielle Veröffentlichung eine Genehmigung erfordert.

Fehlerbehebung

• Falsches Logo: Entfernen Sie es, lokalisieren Sie die aktuelle offizielle Datei, dokumentieren Sie die Herkunft und rendern Sie neu.
• Unecht wirkendes Produkt/UI: Ersetzen Sie es durch offizielle, vom Benutzer bereitgestellte oder lizenzierte Medien; verbessern Sie die Nachahmung nicht.
• Schnell, aber chaotisch: Reduzieren Sie gleichzeitige Aktionen, weisen Sie einen visuellen Besitzer zu und bewahren Sie passende Bewegung über Schnitte hinweg.
• Schön, aber generisch: Fügen Sie eine vollständige Produktinteraktion, verifizierte Behauptungen und echte Ergebnisse hinzu.
• Geschmeidig, aber langsam: Verkürzen Sie Haltezeiten, überlappen Sie Übergänge und bremsen Sie nur um Schlüsselbotschaften herum.
• Asset nicht verfügbar: Fragen Sie nach einem autorisierten Original; raten Sie niemals.