Communitygithub.com

kh-bikash/product-launch-video-skill

Wiederverwendbarer Codex-Skill für hochwertige Produkt-Launch-Videos, Kampagnenbilder, Sounddesign, Rendering und QA.

Was ist product-launch-video-skill?

Dieser Skill automatisiert die Erstellung professioneller Produkt-Launch-Videos und zugehöriger Werbematerialien direkt in der Codex-Umgebung. Er ist ideal für Entwickler und Agentur-Teams, die wiederholt hochwertige, markenkonforme Videowerbung in kurzer Zeit produzieren müssen, ohne auf manuelle Schnittarbeit oder teure Agenturen angewiesen zu sein. Der Skill folgt einem strengen, aber anpassbaren Workflow: Er etabliert die Produktwahrheit, erstellt eine detaillierte Design-Spezifikation, generiert fotorealistische Bilder (mit `imagegen`), komponiert und animiert Szenen in HyperFrames, entwirft einen passenden Original-Soundtrack und liefert überprüfte Endprodukte aus. Unterstützt werden reale Produkte (mit oder ohne bereitgestellte Assets) sowie fiktive Konzepte. Der Skill stellt sicher, dass alle kreativen Entscheidungen (Farben, Typografie, Kamerabewegung, Übergänge) auf das spezifische Produkt und die Zielgruppe abgestimmt sind, nicht auf generischen Vorlagen basieren. Der Ausgabeordner enthält das finale MP4, ein Poster-JPG und einen vollständigen Prompt-Datensatz.

Funktioniert mit~Claude Code✓Codex CLI~Cursor
npx skills add kh-bikash/product-launch-video-skill

In Ihrer bevorzugten KI fragen

Öffnet einen neuen Chat, in dem dieser Agent-Skill bereits geladen ist.

Dokumentation

Produkt-Launch-Video erstellen

Erstellen Sie ein fertiges, teilbares Werbevideo, nicht nur ein Storyboard, es sei denn, der Benutzer fragt explizit nach Konzepten oder einem Treatment.

Standard-Liefergegenstand

Wenn das Briefing technische Entscheidungen auslässt, verwenden Sie:

  • 15 Sekunden
  • 9:16 vertikal, 1080x1920
  • 30 fps H.264 MP4 mit Stereo-AAC-Audio
  • Vier Produktvisualisierungen: Hero, Makro, Verwendung/Aktion, finale Enthüllung
  • Fünf Szenen mit gestalteten Übergängen
  • Originale, nicht-vokale Musik und Soundeffekte
  • Ein Poster-JPG und ein Bild-Prompt-Datensatz

Leiten Sie nicht-kritische kreative Details ab. Fragen Sie nur, wenn fehlende Informationen die Produktidentität, Tatsachenbehauptungen, Markeninhaberschaft oder Medienrechte ändern würden.

Erforderliche Begleit-Skills

  • Verwenden Sie imagegen für neue fotorealistische Produktbilder oder Bildbearbeitungen.
  • Verwenden Sie hyperframes:hyperframes, hyperframes:hyperframes-cli und hyperframes:gsap für Komposition, Animation, Validierung und Rendering.
  • Wenn das Briefing von einer URL stammt, verwenden Sie das Browsen oder die Website-Erfassung nur, um Produktinformationen und Assets zu sammeln; behalten Sie diesen Produkt-Launch-Workflow als Produktionsautorität bei.

Lesen Sie die vollständigen Anweisungen des Begleit-Skills, bevor Sie die von ihm gesteuerten Aktionen ausführen.

Arbeitsablauf

1. Die Quelle der Wahrheit festlegen

Klassifizieren Sie den Auftrag:

  • Reales Produkt mit bereitgestellten Assets: Bewahren Sie Produktgeometrie, Etiketten, Farben, Logoplatzierung und Verpackung. Bevorzugen Sie Bearbeitungen oder Compositing, wenn eine Neugenerierung die Identität verändern würde.
  • Reales Produkt nur mit URL: Überprüfen Sie aktuelle Fakten und Behauptungen anhand autoritativer Produktquellen. Erfassen Sie nützliche Assets, wenn dies erlaubt ist.
  • Fiktives oder Konzeptprodukt: Erstellen Sie eine originelle Produktidentität und Silhouette. Imitieren Sie keine geschützten Logos oder charakteristischen Markenmotive.

Extrahieren oder leiten Sie ab: Produktkategorie, Zielgruppe, einziges Versprechen, Beweispunkte, Markenton, Call-to-Action zum Launch und Lieferformat.

Erfinden Sie keine Spezifikationen, Auszeichnungen, Zertifizierungen, Nachhaltigkeitsbehauptungen, medizinische Vorteile, Leistungsprozentsätze, Preise oder Verfügbarkeit. Ersetzen Sie nicht unterstützte Zahlen durch qualitative Sprache.

Generieren Sie einen deterministischen Startplan, wenn das Produkt in ein gebündeltes Profil passt:

node scripts/plan_launch.mjs --product footwear-athletic --duration 15 --mood premium --name "Produktname" --output LAUNCH_PLAN.md

Verfügbare Profile sind in data/product-profiles.json definiert; unterstützte zeitliche Strukturen sind in data/duration-structures.json definiert. Behandeln Sie den generierten Plan als kreative Basis, verfeinern Sie ihn dann mit bereitgestellten Assets, realen Produktfakten und dem Briefing des Benutzers.

2. Die kreative Richtung festlegen

Erstellen Sie DESIGN.md vor dem Kompositions-HTML. Enthalten Sie:

  • Ein Absatz-Stil-Prompt
  • Zwei bis drei Kernfarben mit exakten Hex-Werten
  • Eine Display-Schriftart und eine kontrastierende unterstützende Schriftart
  • Kamerasprache und Beleuchtungsregeln
  • Bewegungsgeschwindigkeit und Übergangsfamilie
  • Drei bis fünf explizite Anti-Patterns

Wählen Sie die Richtung basierend auf Produktmaterial, Zielgruppe und Versprechen, anstatt eine generische dunkle Neon-Behandlung anzuwenden. Lesen Sie references/product-direction.md für kategoriespezifische Kamera- und Beleuchtungsentscheidungen.

3. Einen kanonischen Produkt-Lock erstellen

Schreiben Sie eine kompakte Beschreibung des unveränderlichen Produkts:

  • Silhouette und Proportionen
  • Materialien und Oberflächenbeschaffenheit
  • Farbplatzierung
  • Nähte, Bedienelemente, Verschlüsse oder Verpackungsstruktur
  • Logo- oder Etikettenplatzierung, wenn autorisiert
  • Verbotene Motive und Invarianten

Generieren oder wählen Sie zuerst das saubere Hero-Bild aus. Überprüfen Sie es, bevor Sie andere Winkel generieren. Verwenden Sie das akzeptierte Hero als Referenz für jedes spätere Bild und wiederholen Sie den Produkt-Lock wörtlich in jedem Prompt.

Verlassen Sie sich niemals auf generierten Text im Bild für Markenkopien. Generieren Sie saubere Produktfotografie ohne Kopien oder Wasserzeichen und fügen Sie dann exakten Text in HTML hinzu.

Lesen Sie references/image-prompting.md, bevor Sie den Bildsatz generieren.

4. Die narrative Sequenz aufbauen

Wählen Sie die Struktur, die der angeforderten Dauer aus references/launch-structures.md entspricht.

Für den standardmäßigen 15-Sekunden-Schnitt verwenden Sie diesen Bogen:

  1. Marken- oder Produktankunft
  2. Material- oder Feature-Makro
  3. Produkt in Verwendung oder energischer Beweis
  4. Vollständige Produktenthüllung
  5. Marken-Lockup und Call-to-Action

Halten Sie Überschriften auf drei bis sieben Wörter. Lassen Sie eine Idee pro Szene dominieren. Machen Sie die Kopien produktspezifisch und evidenzbasiert.

5. Sound mit dem Schnitt entwerfen

Verwenden Sie vom Benutzer bereitgestellte lizenzierte Audiodateien, wenn vorhanden. Andernfalls erstellen Sie eine zurückhaltende Originalmusik mit scripts/generate_score.mjs:

node scripts/generate_score.mjs --output assets/launch-score.wav --duration 15 --energy high --transitions 2.8,5.8,8.9,11.9 --seed 2401

Richten Sie Impacts an wichtigen Enthüllungen und Übergängen aus. Verwenden Sie Whooshes sparsam. Halten Sie die Musik unterstützend genug, dass die Anzeige ohne Voiceover verständlich bleibt.

6. Die HyperFrames-Komposition erstellen

  • Bauen Sie jede Szene in ihrem vollständig sichtbaren Hero-Zustand auf, bevor Sie animieren.
  • Verwenden Sie mindestens drei visuelle Ebenen: Bild/Hintergrundbehandlung, primärer Inhalt und Akzent/Metadaten.
  • Geben Sie jeder Szene Eingangsanimationen mit unterschiedlichen Richtungen, Dauern und Easing-Funktionen.
  • Verwenden Sie eine primäre Übergangsfamilie für die meisten Szenenwechsel und einen stärkeren Akzent für die Hero-Enthüllung.
  • Lassen Sie Übergänge alle nicht-finalen Exits durchführen. Nur die letzte Szene darf unabhängig ausblenden.
  • Animieren Sie Bild-Wrapper und Szenen-Container separat, um Transformationskonflikte zu vermeiden.
  • Verwenden Sie subtile Kamerabewegungen auf Standbildern: Schwenken, Driften, Fokus-Pull oder Skalierung. Verwenden Sie nicht in jeder Szene dieselbe Umgebungsbewegung.
  • Halten Sie alle Logik deterministisch. Verwenden Sie keine unendlichen Wiederholungen oder zufälliges zeitbasiertes Verhalten.
  • Verwenden Sie ein separates getaktetes <audio>-Element für die Musik.

Standard-Übergangsrouting:

  • Luxus, Beauty, Parfüm: Fokus-Pull, Unschärfe-Überblendung, Farbeinbruch
  • Sport, Automobil, energiereicher Konsum: Zoom-Through plus kontrollierte Fokus-Pulls
  • Technik, Präzisionselektronik: Shutter, Push, Fokus-Pull
  • Lebensmittel, Getränke, warmer Lifestyle: Light Leak oder sanfte Unschärfe-Überblendung

7. Validieren und verfeinern

Führen Sie alle folgenden Schritte vor der endgültigen Auslieferung aus:

  1. npx hyperframes lint
  2. npx hyperframes validate
  3. npx hyperframes inspect
  4. Animationskarten-Analyse, wenn ihre Abhängigkeiten verfügbar sind
  5. Entwurfs-Render
  6. Extrahieren und visuelle Inspektion von mindestens einem Hero-Frame pro Szene
  7. Hochwertiges finales Rendern
  8. Überprüfung der endgültigen Datei auf Dauer, Abmessungen, Bildrate, Codecs und Audio-Präsenz

Beheben Sie jeden Lint-Fehler, Konsolenfehler, Kontrastfehler und unbeabsichtigtes Layout-Problem. Überprüfen Sie Warnungen, anstatt sie pauschal zu unterdrücken. Markieren Sie nur wirklich beabsichtigtes Überlaufen oder Übergangsüberschneidungen.

Überprüfen Sie den codierten Entwurf, nicht nur die Browser-Komposition. Achten Sie auf Bildinkonsistenzen, unleserliche Typografie, nicht unterstützte Behauptungen, ungeschickte Ausschnitte, billig wirkende wiederholte Bewegungen, Übergangsblitze und einen leeren ersten oder letzten Frame.

8. Liefern

Platzieren Sie die benutzerorientierten Liefergegenstände im Ausgabeverzeichnis des Arbeitsbereichs:

  • finales MP4
  • Poster-JPG von einem starken Produktframe
  • Prompt-Datensatz, der den kanonischen Produkt-Lock und die endgültigen Bild-Prompts enthält

Berichten Sie über Dauer, Auflösung, Codecs, Bildgenerierungsmodus und Validierungsergebnis. Verlinken Sie die Liefergegenstände direkt.

Qualitätsstandard

Ein erfolgreiches Ergebnis muss sich kunstvoll gestaltet anfühlen, nicht wie aus einer Vorlage:

  • Die Produktidentität bleibt über alle Aufnahmen hinweg konsistent.
  • Die Beleuchtung erklärt Material und Form.
  • Kamerawinkel haben unterschiedliche narrative Aufgaben.
  • Die Kopien sind sparsam, exakt und belegbar.
  • Die Bewegung kommuniziert die Produktpersönlichkeit.
  • Das Audio unterstreicht den Schnitt, ohne ihn zu überwältigen.
  • Der letzte Frame ist als Markenendkarte verwendbar.
  • Das exportierte MP4 ist ohne weitere Bearbeitung teilbar.

Individual skills in this repo

This repo contains 1 individual skill — each has its own dedicated page.

Verwandte Skills