product-launch-videovon HeyGen

Product Launch Video Skill.

Ein Skill für Claude Code und Codex für Motion und Video: Verwandelt eine Produkt-URL, ein Skript oder ein Briefing in ein Produkteinführungs- oder Werbevideo.

Motion & Video
Video

OpenDesign herunterladen Anleitung ansehen

heygen-com/hyperframes · skills/product-launch-video/SKILL.mdSKILL.md

--- name: product-launch-video description: Turn a product or marketing URL, pasted script, or brief into a product launch / promo video — SaaS promos, feature reveals, product demos, app and company launches. Use when the user wants to market, launch, promote, or reveal a product; the default for any commercial URL. Site tours / showcases of a website route here too — the brief carries the show-it-as-is intent. Unclear → /hyperframes. --- ## Step 0: Setup ## Step 1: Capture assets ## Step 2: Design System ## Step 3: Storyboard and Script ## Step 3.1: Audio ## Step 4: Frame Visual Design

Titelei und Abschnittsüberschriften aus der Quelldatei vom 14.09.2026 · 32.560 Zeichen insgesamt

01 Was es tut

Was die Skill product-launch-video in Claude Code und Codex leistet

Zusammenfassung, Workflow und Ergebnisse — alles aus der SKILL.md des Skills ausgelesen.

Aus der SKILL.mdGelesen am 14.09.2026 · kein aufgezeichneter Durchlauf

In den eigenen Worten des Skills

Orchestriert die Erstellung von Produkteinführungs- und Promo-Videos über einen siebenstufigen Workflow. Nimmt eine Produkt-URL, ein eingefügtes Skript oder ein Briefing entgegen und erzeugt über HyperFrames eine MP4-Datei.

Erfasst Markenelemente von Live-Websites, übernimmt ein Frame-Preset und remixt es auf die Marken-Tokens, schreibt ein Storyboard mit zeitcodierten, auf das Voiceover abgestimmten Shot-Sequenzen, generiert Narration und Hintergrundmusik, setzt parallele Sub-Agents zum Bau jedes Frames als HTML ein und rendert nach Lint-/Check-/Snapshot-Verifikation. Zielt auf SaaS-Promos, Feature-Reveals, App-Launches und Site-Touren ab. Funktioniert eingeloggt bei HeyGen oder offline mit lokalen TTS/BGM-Engines.

Was er erzeugt

Finales MP4-Rendering unter renders/video.mp4 mit angegebener Dauer
Kontaktbogen mit Snapshots an Frame-Mittelpunkten und Schnittstellen zur Verifikation
STORYBOARD.md mit zeitcodierten Shot-Sequenzen und SCRIPT.md, wenn Narration benötigt wird

Siehe Beispiel-Prompt ↗

So funktioniert es

01
Briefing bestätigen und Projekt initialisieren
Die Intent-Ebene fixiert das Briefing, bevor dieser Workflow beginnt.
02
Assets von URL erfassen
Führt hyperframes capture auf der Produkt-URL aus, um Screenshots, DOM-Struktur, Marken-Tokens (Farben/Schriften), sichtbaren Text und Asset-Beschreibungen zu sammeln.
03
Ein Frame-Preset übernehmen und markenspezifisch remixen
Wählt ein vorhandenes Frame-Preset aus, dessen Look zur Marke passt, und führt dann build-frame.mjs aus, um die FRAME.md des Presets zu kopieren, Markenfarben/-schriften auf die Struktur des Presets zu übertragen und dessen Caption-Skin zu kopieren.
04
Storyboard mit zeitcodierten Shot-Sequenzen schreiben
Entwirft STORYBOARD.md und SCRIPT.md nach der Story-Spine-Doktrin.
05
Audio im Hintergrund generieren
Nach Genehmigung des Storyboards startet die TTS-Narration mit dem gewählten Anbieter und der gewählten Stimme, ruft Hintergrundmusik nach Stimmung aus der HeyGen-Musikbibliothek ab, generiert Wort-Timings und fährt ohne Wartezeit mit dem visuellen Design fort.
06
Sub-Agents zum parallelen Bau der Frames einsetzen
Wartet, bis das Audio fertig ist, synchronisiert die Dauern und baut dann pro Frame ein begrenztes Paket, für das jeweils ein Sub-Agent eingesetzt wird.

02 Finden Sie Ihren Favoriten

Wann Sie das product-launch-video Skill verwenden

Verwenden Sie den product-launch-video Skill in Claude Code oder Codex, wenn die Aufgabe Motion und Video dieser Art umfasst. Eignung und Limits unten stammen aus der eigenen Datei des Skills.

Gut geeignet

SaaS-Promos, Feature-Reveals, Produktdemos, App- und Unternehmens-Launches
Site-Touren oder Showcases, bei denen die erfasste Seite unverändert gezeigt wird
Produkt mit einer URL, die für Narration und Assets erfasst werden kann

Grenzen kennen

Kann nach einer fehlgeschlagenen URL-Erfassung keinen synthetischen Fallback erzeugen
Erfinden oder rekonstruieren Sie die Seite nicht neu, wenn die Erfassung unbrauchbar ist
Nicht-Marketing-Intents oder bloße „Erstelle ein Video“-Anfragen laufen zuerst über /hyperframes

Was Sie bereitstellen sollten

Eingefügtes Skript oder BriefingWird wortgetreu als user_script.txt gespeichert. VO_MODE (verbatim oder restructured) stammt aus BRIEF.md. Die Intent-Ebene fragt einmal nach, wenn ein Skript eingeht.
StimmenpräferenzWenn die Anfrage eine Stimme, ein Geschlecht oder einen Ton nennt, wählen Sie eine passende voice id und übergeben Sie sie mit --voice.
Auswahl des Style-PresetsWenn BRIEF.md ein style_preset nennt, hat der Nutzer es auf der Intent-Ebene anhand von Showcases visuell ausgewählt.
Musikstimmung oder keineDie BGM-Stimmung stammt aus dem music:-Feld des Storyboards. music: none schaltet die BGM aus. Die kanonische, vollständig stille Markierung ist music: none in Kombination mit fehlendem SCRIPT.md.

03 Innerhalb des Skills

Regeln, die der product-launch-video Skill Claude Code und Codex vorgibt

7 konkrete Anweisungen, Voreinstellungen und Grenzen, die die SKILL.md für den Agent festlegt – der Teil der Datei, der das Ergebnis verändert.

Anmeldestatus vor Verlassen des Setups anzeigen
Führen Sie hyperframes auth status aus und geben Sie die Ausgabe wortgetreu weiter. Sie zeigt an, ob Sprache/BGM HeyGen oder lokale Engines verwenden. Exit-Code 1 ist der normale abgemeldete Zustand, kein Fehler.
Den Katalog durchsuchen, bevor benannte Looks entworfen werden
Führen Sie für jeden im Briefing genannten Look (CRT-Scanlines, Glitch, Filmkörnung) hyperframes catalog --query aus, bevor Sie ihn in STORYBOARD.md schreiben.
Dauer-Synchronisation ist mechanisch – niemals manuell bearbeiten
Die tatsächliche Stimmdauer hat Vorrang. Stille Frames behalten Schätzwerte. Führen Sie audio.mjs sync-durations aus, sobald das Audio fertig ist. Bearbeiten Sie synchronisierte Dauern im Storyboard niemals manuell.
Worker schreiben ausschließlich ihre Frame-HTML
Jeder Sub-Agent liest nur sein Packet und frame.md, schreibt ausschließlich compositions/frames/NN-*.html und darf STORYBOARD.md niemals bearbeiten.
Vollflächige Hintergründe auf der Clip-Ebene, nicht auf der Root-Ebene
Der Untergrund eines Frames (Farbfeld, Verlauf, Raster) ist sein eigener, durchgehender Hintergrund-Clip.
Fehlgeschlagene Erfassung ist ein harter Stopp
Ein Exit-Code ungleich null, JSON ok: false oder capture/BLOCKED.md stoppen den Erfassungspfad. Melden Sie den Grund und verwenden Sie keine unvollständigen Screenshots, kein DOM und keine Assets.
Vor dem Rendern stets Prüfungen durchführen
Führen Sie lint, check und snapshot an Frame-Mittelpunkten und bei jedem Schnitt aus. Prüfen Sie auf Layout-Fehler und Sprünge. Beheben Sie jede sichtbare Unstimmigkeit vor dem Rendern.

04 In Betrieb nehmen

Installieren Sie product-launch-video in Claude Code oder Codex

Ein npx skills add-Befehl, dann eine erste Aufgabe in Ihrem Agent und eine Checkliste für das Ergebnis.

Fügen Sie product-launch-video zu Claude Code, Codex oder Ihrem Agent hinzu

Im eigenen Projekt ausführen; der Installer fragt, welchem Agent er hinzugefügt werden soll.

Terminal

npx skills add https://github.com/heygen-com/hyperframes --skill product-launch-video

Allgemeine skills-CLI-Form für skills/product-launch-video/SKILL.md; das Repository kann seinen eigenen Pfad dokumentieren.

Geben Sie dem Skill eine erste Motion- und Video-Aufgabe

In den eigenen Begriffen des Skills verfasst; ersetzen Sie die Teile in Klammern durch Ihr Material.

Starter prompt

Create a product launch video for [our new SaaS platform at example.com]. Show the dashboard interface, key collaboration features, and real-time sync. Use a confident professional voice and keep it under 60 seconds with energetic background music.

Quelle: verfasst aus der SKILL.md in den eigenen Begriffen des Skills.

Das erste Ergebnis prüfen

Was die SKILL.md selbst als korrektes Ergebnis beschreibt:

Führen Sie hyperframes lint aus, um den zusammengesetzten Index und die Frames zu überprüfen
Führen Sie hyperframes check aus, um die Struktur vor dem Rendern zu validieren
Snapshot an Frame-Mittelpunkten und bei jedem Schnitt, Bilder auf Sprünge vergleichen
Übergänge prüfen, um sicherzustellen, dass eingefügte Übergänge korrekt sind
Bestätigen Sie, dass das Capture-JSON „ok: true“ meldet und keine BLOCKED.md existiert
Warten Sie, bis das Audio von Schritt 3.1 fertig ist, bevor Sie Dauern synchronisieren und zusammensetzen

In OpenDesign importieren Sie product-launch-video über dessen SKILL.md-Link: Plugins → Add → Skill → Import from link, und wählen Sie es anschließend in der oberen Leiste aus.

OpenDesign herunterladen Quickstart lesen

05 Open Source, nachvollziehbar

Quelle, Lizenz und Verifizierung

Woher die Fakten auf dieser Seite stammen und wann sie zuletzt geprüft wurden.

Author: HeyGen
Repository: github.com/heygen-com/hyperframes Branch main
Skill-Datei: skills/product-launch-video/SKILL.md Inhaltsprüfsumme bei Verifizierung erfasst; Commit 558c11b
License: Apache-2.0 Aus LICENSE.
Repository-Sterne: 49.761 GitHub-Snapshot vom 14.09.2026 für das gesamte Repository heygen-com/hyperframes, das 9 Skills in diesem Katalog enthält. Keine Bewertung oder Nutzungszahl für product-launch-video.
Verifiziert von OpenDesign: 14.09.2026 Quelldatei, Pfad, Lizenztext und Sternezählung wurden geprüft. Nicht in OpenDesign main gebündelt (geprüft 28.08.2026); ein Live-Durchlauf wurde auf dieser Seite nicht erfasst.

In der SKILL.md

Product Launch to HyperFramesÜberblick über die Rolle des Orchestrators und den siebenstufigen Workflow von URL bis MP4
Schritt 0: SetupBriefing aus der Intent-Ebene bestätigen, HyperFrames-Projekt initialisieren, Anmeldestatus anzeigen
Schritt 1: Assets erfassenhyperframes capture auf URL ausführen oder No-Capture-Pfad aus eingefügtem Skript aufbauen
Schritt 2: Design SystemFrame-Preset auswählen, Marken-Tokens darauf anpassen, Untertitel-Skin kopieren
Schritt 3: Storyboard und SkriptSTORYBOARD.md und SCRIPT.md schreiben, Review-Schleife durchlaufen, Planfreigabe einholen
Schritt 3.1: AudioTTS-Erzählung generieren, Wort-Timings erstellen, BGM nach Stimmung abrufen, im Hintergrund ausführen
Schritt 4: Frame-VisualdesignSkizzenboard bei kollaborativer Arbeit erstellen, zeitcodierte Shot-Sequenzen und Bewegung inline hinzufügen
Schritt 5: Frames erstellenDauern synchronisieren, SFX abrufen, Sub-Agents pro Frame einsetzen, Index und Untertitel zusammensetzen
Schritt 6: FinalisierenÜbergänge einfügen, Lint/Check/Snapshot ausführen, für Review pausieren, MP4 rendern
KurzübersichtFormate, Hintergrundskripte und Referenztabelle der Dokumente nach Schritt

Die eigene Beschreibung des Skills

Verwandeln Sie eine Produkt- oder Marketing-URL, ein eingefügtes Skript oder ein Briefing in ein Produktlaunch- oder Promo-Video — SaaS-Promos, Feature-Reveals, Produktdemos, App- und Unternehmens-Launches. Verwenden Sie diese Funktion, wenn der Nutzer ein Produkt vermarkten, launchen, promoten oder präsentieren möchte; die Standardoption für jede kommerzielle URL. Website-Touren oder Showcases einer Website werden ebenfalls hierhin geleitet — das Briefing trägt die Absicht, die Site unverändert zu zeigen. Unklar → /hyperframes.

Front-Matter-Beschreibung aus SKILL.md. Die vollständige Datei umfasst etwa 32.560 Zeichen. Vollständige Datei auf GitHub lesen.

06 Vor der Installation

Fragen zum product-launch-video Skill

Die Antworten stammen aus der SKILL.md, gelesen am 14.09.2026, nicht aus einem protokollierten Lauf.

Benötige ich ein HeyGen-Konto, um diesen Skill zu nutzen?

Nicht erforderlich. Der Workflow zeigt den Anmeldestatus an, bevor er das Setup verlässt, und meldet, ob für Stimme und BGM HeyGen oder lokale Engines verwendet werden. Ohne Anmeldung wird mit verfügbaren lokalen Engines fortgefahren (Kokoro für TTS). Die Anmeldung schaltet HeyGens Starfish-Stimmen und Musikbibliothek frei.

Welche Videoformate und Dauern werden erzeugt?

Querformat 1920x1080, Hochformat 1080x1920 oder Quadrat 1080x1080, abgeleitet aus dem Feld „destination“ in BRIEF.md. Die Dauer wird als grobe Erwartung aus dem Längenfeld des Briefings festgelegt; die Zusammenstellung meldet, wo der finale Schnitt dagegen landet. Die abschließende Antwort nennt den MP4-Pfad und die tatsächliche Dauer.

Produkteinführungsvideo

Führen Sie product-launch-video für eine echte Motion- und Video-Aufgabe aus.

Laden Sie OpenDesign herunter, importieren Sie product-launch-video über den Link in der SKILL.md-Datei, fügen Sie den Prompt oben ein und lesen Sie den Plan, bevor Sie das Ergebnis ansehen.

OpenDesign herunterladen Alle Skills durchsuchen