product-launch-videodi HeyGen

Product Launch Video Skill.

Una skill per Claude Code e Codex per motion e video: trasforma un URL di prodotto, uno script o un brief in un video di lancio o promozionale.

Motion e video
Video

Scarica OpenDesign Guida all'uso

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

Intestazione e titoli di sezione letti dal file upstream il 14/09/2026 · 32.560 caratteri in totale

01 Cosa fa

Cosa Fa la Skill product-launch-video in Claude Code e Codex

Sintesi, workflow e output, tutto letto dal SKILL.md della skill.

Dal SKILL.mdLetto il 14-09-2026 · non è un'esecuzione registrata

Nelle parole della skill

Orchestra la creazione di video di lancio prodotto e promozionali attraverso un workflow in sette passaggi. Prende in input un URL di prodotto, uno script incollato o un brief e produce un MP4 tramite HyperFrames.

Acquisisce gli asset del brand da siti live, adotta un preset di frame e lo rielabora sui token del brand, scrive uno storyboard con sequenze di scene con codice temporale ritmate sulla voiceover, genera narrazione e BGM, dispatcha sub-agenti paralleli per costruire ogni frame come HTML, e renderizza dopo la verifica di lint/check/snapshot. Rivolto a promo SaaS, presentazioni di feature, lanci di app e tour di siti. Funziona con accesso a HeyGen o offline con motori TTS/BGM locali.

Che cosa produce

Render MP4 finale in renders/video.mp4 con la durata indicata
Foglio di contatto con snapshot ai punti intermedi e ai cut dei frame per la verifica
STORYBOARD.md con sequenze di scene con codice temporale e SCRIPT.md quando è necessaria la narrazione

Vedi l'esempio di prompt ↗

Come funziona

01
Confermare il brief e inizializzare il progetto
Il livello di intento blocca il brief prima che questo workflow inizi.
02
Acquisire gli Asset dall'URL
Esegue hyperframes capture sull'URL del prodotto per raccogliere screenshot, struttura DOM, token del brand (colori/font), testo visibile e descrizioni degli asset.
03
Adottare e Rielaborare un Frame Preset sul Brand
Sceglie un preset di frame già disponibile il cui aspetto si adatta al brand, poi esegue build-frame.mjs per copiare il FRAME.md del preset, rimappare i colori/font del brand sulla struttura del preset e copiare la skin delle didascalie.
04
Scrivere lo Storyboard con Sequenze di Scene con Codice Temporale
Redige STORYBOARD.md e SCRIPT.md seguendo la dottrina story-spine.
05
Generare l'Audio in Background
Dopo l'approvazione dello storyboard, avvia la narrazione TTS con il provider e la voce scelti, recupera la BGM dalla libreria musicale di HeyGen in base al mood, genera i timing delle parole e continua con il design visivo senza attendere.
06
Dispatchare Sub-agenti per Costruire i Frame in Parallelo
Attende che l'audio sia terminato, sincronizza le durate, poi costruisce un pacchetto delimitato per ogni frame e dispatcha un sub-agente per ciascuno.

02 Trova la tua applicazione

Quando Usare lo Skill product-launch-video

Usa lo skill product-launch-video in Claude Code o Codex quando il lavoro riguarda motion e video di questo tipo. Ambito e limiti sotto sono tratti dal file dello skill stesso.

Buona applicazione

Promo SaaS, presentazioni di feature, demo di prodotto, lanci di app e aziende
Tour o showcase di siti in cui la pagina acquisita è mostrata così com'è
Prodotto con un URL che può essere acquisito per narrazione e asset

Conosci i limiti

Non può creare un fallback sintetico dopo un'acquisizione URL non riuscita
Non inventare né ricostruire la pagina quando l'acquisizione non è utilizzabile
Intenti non di marketing o richieste generiche di 'crea un video' passano prima per /hyperframes

Cosa fornire

Script o brief incollatoSalvato letteralmente come user_script.txt. VO_MODE (verbatim o restructured) proviene da BRIEF.md. Il livello di intent chiede una sola volta quando arriva uno script.
Preferenza di voceSe la richiesta indica una voce, un genere o un tono, scegliere un voice id corrispondente e passarlo con --voice.
Scelta del preset di stileQuando BRIEF.md indica uno style_preset, l'utente lo ha scelto a vista dalle showcase nel livello di intent.
Mood musicale o nessunoIl mood della BGM proviene dal campo music: dello storyboard. music: none disattiva la BGM. Il marcatore canonico completamente silenzioso è music: none unito all'assenza di SCRIPT.md.

03 Dentro la skill

Regole che la Skill product-launch-video fornisce a Claude Code e Codex

7 istruzioni concrete, valori predefiniti e limiti che SKILL.md definisce per l'agente — la parte del file che cambia il risultato.

Mostrare lo stato di accesso prima di lasciare il setup
Eseguire hyperframes auth status e riportare l'output letteralmente. Indica se voce/BGM useranno HeyGen o motori locali. Il codice di uscita 1 è il normale stato non autenticato, non un errore.
Consultare il catalogo prima di progettare look nominati
Per ogni look indicato dal brief (CRT scanlines, glitch, film grain), eseguire hyperframes catalog --query prima di inserirlo in STORYBOARD.md.
La sincronizzazione della durata è meccanica, non modificarla mai manualmente
La durata reale della voce prevale. I frame silenziosi mantengono le stime. Eseguire audio.mjs sync-durations al termine dell'audio. Non modificare mai manualmente le durate sincronizzate nello storyboard.
I worker scrivono solo l'HTML del proprio frame
Ogni sub-agente legge solo il proprio packet e frame.md, scrive solo compositions/frames/NN-*.html e non deve mai modificare STORYBOARD.md.
Sfondi full-bleed sul clip layer, non sulla root
Lo sfondo di un frame (campo di colore, gradiente, griglia) è un proprio clip di sfondo a durata piena.
Una capture fallita è un arresto definitivo
Un exit code diverso da zero, JSON ok: false, o capture/BLOCKED.md interrompe il percorso di capture. Segnalare il motivo e non utilizzare screenshot, DOM o asset parziali.
Eseguire sempre i controlli prima del render
Eseguire lint, check e snapshot ai punti mediani dei frame e a ogni cut. Verificare la presenza di problemi di layout e pop. Correggere qualsiasi discontinuità visibile prima del rendering.

04 Mettila al lavoro

Installare product-launch-video in Claude Code o Codex

Un comando npx skills add, poi un primo task nel tuo agente e una checklist per il risultato.

Aggiungere product-launch-video a Claude Code, Codex o al Tuo Agente

Eseguitelo nel Suo progetto; l'installer chiede a quale agente aggiungerlo.

Terminal

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

Forma generica della CLI skills per skills/product-launch-video/SKILL.md; il repository può documentare un proprio percorso.

Dai alla Skill un Primo Compito di Motion e Video

Redatto nei termini propri della skill; sostituisca le parti tra parentesi con il suo materiale.

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.

Fonte: redatto a partire dal SKILL.md, nei termini propri della skill.

Verifica il primo risultato

Ciò che il SKILL.md stesso indica come risultato corretto:

Eseguire hyperframes lint per verificare l'index e i frame assemblati
Eseguire hyperframes check per validare la struttura prima del rendering
Eseguire uno snapshot ai punti mediani dei frame e a ogni cut, confrontando le immagini per individuare pop
Verificare le transizioni per assicurarsi che quelle inserite siano corrette
Confermare che il JSON di capture riporti ok: true e che non esista BLOCKED.md
Attendere il termine dell'audio dello Step 3.1 prima di sincronizzare le durate e assemblare

In OpenDesign importi product-launch-video dal suo link SKILL.md: Plugins → Add → Skill → Import from link, poi lo selezioni nella barra superiore.

Scarica OpenDesign Leggi il quickstart

05 Open source, tracciabile

Sorgente, licenza e verifica

Da dove provengono i dati di questa pagina e quando sono stati verificati l'ultima volta.

Author: HeyGen
Repository: github.com/heygen-com/hyperframes Branch main
File della skill: skills/product-launch-video/SKILL.md Checksum del contenuto registrato alla verifica; commit 558c11b
License: Apache-2.0 Da LICENSE.
Stelle del repository: 49.761 Snapshot GitHub acquisita il 2026-09-14 per l'intero repository heygen-com/hyperframes, che contiene 9 skill in questo catalogo. Non è un rating né un conteggio di utilizzo per product-launch-video.
Verificato da OpenDesign: 14/09/2026 File sorgente, percorso, testo della licenza e conteggio delle stelle sono stati verificati. Non inclusa in OpenDesign main (verificato il 28/08/2026); un'esecuzione live non è stata registrata in questa pagina.

All'interno di SKILL.md

Product Launch to HyperFramesPanoramica del ruolo dell'orchestratore e del workflow in sette passaggi dall'URL all'MP4
Step 0: SetupConfermare il brief dal livello di intent, inizializzare il progetto HyperFrames, mostrare lo stato di accesso
Step 1: Capture assetsEseguire hyperframes capture sull'URL o costruire il percorso no-capture da uno script incollato
Step 2: Design SystemScegliere un preset di frame, remixare su di esso i token del brand, copiare lo skin delle didascalie
Step 3: Storyboard and ScriptScrivere STORYBOARD.md e SCRIPT.md, eseguire il ciclo di revisione, ottenere l'approvazione del piano
Step 3.1: AudioGenerare la narrazione TTS, i timing delle parole, recuperare la BGM in base al mood, eseguire in background
Step 4: Frame Visual DesignSketch board se collaborativo, aggiungere sequenze di shot con codice temporale e movimento inline
Step 5: Build FramesSincronizzare le durate, recuperare gli SFX, distribuire i sub-agenti per frame, assemblare indice e didascalie
Step 6: FinalizeIniettare le transizioni, eseguire lint/check/snapshot, sospendere per la revisione, renderizzare l'MP4
Quick ReferenceFormati, script in background e tabella di riferimento dei documenti per passaggio

Descrizione della skill

"Trasforma un URL di prodotto o marketing, uno script incollato o un brief in un video di lancio / promo prodotto — promo SaaS, reveal di feature, demo di prodotto, lanci di app e aziende. Da usare quando l'utente vuole commercializzare, lanciare, promuovere o presentare un prodotto; l'opzione predefinita per qualsiasi URL commerciale. Anche tour / showcase di un sito web finiscono qui — il brief porta l'intento mostralo-così-com'è. Poco chiaro → /hyperframes."

Descrizione front-matter da SKILL.md. Il file completo è di circa 32.560 caratteri. Leggi il file completo su GitHub.

06 Prima di installare

Domande sulla Skill product-launch-video

Le risposte provengono dal SKILL.md letto il 2026-09-14, non da un'esecuzione registrata.

È necessario un account HeyGen per usare questa skill?

Non è obbligatorio. Il workflow mostra lo stato di accesso prima di lasciare il Setup e segnala se voce e BGM useranno HeyGen o motori locali. Se non si è connessi, prosegue tramite i motori locali disponibili (Kokoro per il TTS). L'accesso abilita le voci Starfish e la libreria musicale di HeyGen.

Quali formati e durate video produce?

Orizzontale 1920x1080, verticale 1080x1920, o quadrato 1080x1080, derivati dal campo destination in BRIEF.md. La durata è impostata come aspettativa approssimativa dal campo length del brief; l'assemblaggio segnala dove si colloca il taglio finale rispetto a essa. La risposta finale indica il percorso dell'MP4 e la durata effettiva.

Product Launch Video

Esegui product-launch-video su un Task Reale di Motion e Video.

Scarica OpenDesign, importa product-launch-video dal suo link SKILL.md, incolla il prompt qui sopra e leggi il piano prima del risultato.

Scarica OpenDesign Esplora tutte le skill

Terminale

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