product-launch-videopar HeyGen

Product Launch Video Skill.

Un skill Claude Code et Codex pour le motion et la vidéo : transforme une URL produit, un script ou un brief en vidéo de lancement ou promo produit.

Mouvement et vidéo
Video

Télécharger OpenDesign Voir le guide d'utilisation

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

Matière préliminaire et titres de section lus depuis le fichier source le 14/09/2026 · 32 560 caractères au total

01 Ce qu'il fait

Ce que fait le skill product-launch-video dans Claude Code et Codex

Résumé, workflow et sorties, tous lus dans le SKILL.md du skill.

D'après le SKILL.mdLu le 14-09-2026 · pas une exécution enregistrée

Dans les termes du Skill

Orchestre la création de vidéos de lancement de produit et de promotion via un workflow en sept étapes. Prend une URL de produit, un script collé ou un brief et produit un MP4 via HyperFrames.

Capture les assets de marque depuis des sites en ligne, adopte un preset de frame et le remixe sur les tokens de marque, rédige un storyboard avec des séquences de plans horodatées calées sur la voix off, génère la narration et la BGM, envoie des sous-agents en parallèle pour construire chaque frame en HTML, et effectue le rendu après vérification par lint/check/snapshot. Vise les promos SaaS, les révélations de fonctionnalités, les lancements d'applications et les visites de sites. Fonctionne connecté à HeyGen ou hors ligne avec des moteurs TTS/BGM locaux.

Ce qu'il produit

Rendu MP4 final à renders/video.mp4 avec la durée indiquée
Planche de contact des captures aux points médians et coupures de frame, pour vérification
STORYBOARD.md avec séquences de plans horodatées et SCRIPT.md si une narration est nécessaire

Voir l'exemple de prompt ↗

Fonctionnement

01
Confirmer le brief et initialiser le projet
La couche d'intention verrouille le brief avant le démarrage de ce workflow.
02
Capturer les assets depuis une URL
Exécute hyperframes capture sur l'URL du produit pour collecter des captures d'écran, la structure DOM, les tokens de marque (couleurs/polices), le texte visible et les descriptions d'assets.
03
Adopter et remixer un preset de frame selon la marque
Choisit un preset de frame livré dont le style correspond à la marque, puis exécute build-frame.mjs pour copier le FRAME.md du preset, remapper les couleurs/polices de marque sur la structure du preset, et copier son skin de légende.
04
Rédiger le storyboard avec des séquences de plans horodatées
Rédige STORYBOARD.md et SCRIPT.md en suivant la doctrine story-spine.
05
Générer l'audio en arrière-plan
Après approbation du storyboard, démarre la narration TTS avec le fournisseur et la voix choisis, récupère la BGM depuis la bibliothèque musicale de HeyGen selon l'ambiance, génère les timings des mots, et poursuit vers la conception visuelle sans attendre.
06
Envoyer des sous-agents pour construire les frames en parallèle
Attend la fin de l'audio, synchronise les durées, puis construit un paquet borné par frame et envoie un sous-agent pour chacun.

02 Trouvez celui qui vous convient

Quand utiliser le skill product-launch-video

Utilisez le skill product-launch-video dans Claude Code ou Codex lorsque le travail concerne du motion et de la vidéo de ce type. Les cas d'usage et limites ci-dessous sont tirés du fichier du skill lui-même.

Bon choix

Promos SaaS, révélations de fonctionnalités, démos de produit, lancements d'applications et d'entreprises
Visites ou présentations de site où la page capturée est montrée telle quelle
Produit avec une URL pouvant être capturée pour la narration et les assets

Connaître les limites

Ne peut pas fabriquer un repli synthétique après un échec de capture d'URL
Ne pas inventer ni reconstruire la page lorsque la capture est inutilisable
Les intentions non marketing ou les demandes simples de type « faire une vidéo » passent d'abord par /hyperframes

Quoi fournir

Script collé ou briefEnregistré verbatim sous user_script.txt. VO_MODE (verbatim ou restructuré) provient de BRIEF.md. La couche d'intention demande une fois lorsqu'un script arrive.
Préférence de voixSi la demande nomme une voix, un genre ou un ton, choisissez un identifiant de voix correspondant et transmettez-le avec --voice.
Choix de préréglage de styleLorsque BRIEF.md nomme un style_preset, l'utilisateur l'a choisi à l'œil dans les showcases au niveau de la couche d'intention.
Ambiance musicale ou aucuneL'ambiance de la BGM provient du champ music: du storyboard. music: none désactive la BGM. Le marqueur canonique entièrement silencieux est music: none plus l'absence de SCRIPT.md.

03 Dans le skill

Règles que le skill product-launch-video donne à Claude Code et Codex

7 instructions concrètes, valeurs par défaut et limites que le SKILL.md fixe pour l'agent — la partie du fichier qui change le résultat.

Afficher le statut de connexion avant de quitter la configuration
Exécutez hyperframes auth status et relayez sa sortie verbatim. Il indique si la voix/BGM utilisera HeyGen ou des moteurs locaux. Le code de sortie 1 est l'état déconnecté normal, pas un échec.
Rechercher dans le catalogue avant de concevoir des looks nommés
Pour chaque look nommé dans le brief (scanlines CRT, glitch, grain de film), exécutez hyperframes catalog --query avant de l'écrire dans STORYBOARD.md.
La synchronisation de la durée est mécanique, ne jamais modifier à la main
La durée réelle de la voix prévaut. Les images silencieuses conservent les estimations. Exécutez audio.mjs sync-durations une fois l'audio terminé. Ne modifiez jamais à la main les durées synchronisées dans le storyboard.
Les workers n'écrivent que le HTML de leur propre frame
Chaque sous-agent ne lit que son packet et frame.md, n'écrit que compositions/frames/NN-*.html, et ne doit jamais modifier STORYBOARD.md.
Arrière-plans plein cadre sur la couche de clip, pas à la racine
Le fond d'une frame (champ de couleur, dégradé, grille) est son propre clip d'arrière-plan de pleine durée.
Un échec de capture est un arrêt strict
Une sortie non nulle, un JSON ok: false, ou capture/BLOCKED.md arrête le chemin de capture. Signalez la raison et ne consommez pas de captures d'écran, de DOM ou d'assets partiels.
Toujours faire passer les vérifications avant le rendu
Exécutez lint, check et snapshot aux points médians des frames et à chaque coupe. Inspectez les défauts de mise en page et les à-coups. Corrigez toute discontinuité visible avant le rendu.

04 Mettez-le en pratique

Installer product-launch-video dans Claude Code ou Codex

Une commande npx skills add, puis une première tâche dans votre agent et une checklist pour le résultat.

Ajouter product-launch-video à Claude Code, Codex ou votre agent

Exécutez-la dans votre projet ; l'installateur demande à quel agent l'ajouter.

Terminal

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

Forme générique de la CLI skills pour skills/product-launch-video/SKILL.md ; le dépôt peut documenter son propre chemin.

Donner au skill une première tâche de motion et vidéo

Rédigé dans les termes propres du skill ; remplacez les parties entre crochets par votre contenu.

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.

Source : rédigé à partir du SKILL.md, dans les termes propres du skill.

Vérifiez le premier résultat

Ce que le SKILL.md lui-même présente comme un résultat correct :

Exécutez hyperframes lint pour vérifier l'index assemblé et les frames
Exécutez hyperframes check pour valider la structure avant le rendu
Prenez un instantané aux points médians des frames et à chaque coupe, comparez les images pour détecter les à-coups
Vérifiez les transitions pour vous assurer que les transitions injectées sont correctes
Confirmez que le JSON de capture indique ok: true et qu'aucun BLOCKED.md n'existe
Attendez que l'audio de l'étape 3.1 soit terminé avant de synchroniser les durées et d'assembler

Dans OpenDesign importez product-launch-video depuis son lien SKILL.md : Plugins → Add → Skill → Import from link, puis sélectionnez-le dans la barre supérieure.

Télécharger OpenDesign Lire le démarrage rapide

05 Open source, traçable

Source, licence et vérification

D'où proviennent les faits de cette page et quand ils ont été vérifiés pour la dernière fois.

Author: HeyGen
Repository: github.com/heygen-com/hyperframes Branche main
Fichier du skill: skills/product-launch-video/SKILL.md Somme de contrôle du contenu enregistrée lors de la vérification ; commit 558c11b
License: Apache-2.0 Depuis LICENSE.
Étoiles du dépôt: 49 761 Instantané GitHub pris le 2026-09-14 pour l'ensemble du dépôt heygen-com/hyperframes, qui contient 9 skills dans ce catalogue. Ce n'est pas une note ou un compteur d'utilisation pour product-launch-video.
Vérifié par OpenDesign: 2026-09-14 Le fichier source, le chemin, le texte de licence et le nombre d'étoiles ont été vérifiés. Non intégré dans OpenDesign main (vérifié le 2026-08-28) ; aucune exécution en conditions réelles n'a été enregistrée sur cette page.

Dans le SKILL.md

Product Launch to HyperFramesAperçu du rôle de l'orchestrateur et du workflow en sept étapes, de l'URL au MP4
Étape 0 : ConfigurationConfirmez le brief issu de la couche d'intention, initialisez le projet HyperFrames, affichez le statut de connexion
Étape 1 : Capture des assetsExécutez hyperframes capture sur l'URL ou construisez un chemin sans capture à partir du script collé
Étape 2 : Système de designChoisissez un préréglage de cadre, remixez les tokens de marque sur celui-ci, copiez le skin de légende
Étape 3 : Storyboard et scriptRédigez STORYBOARD.md et SCRIPT.md, exécutez la boucle de révision, obtenez l'approbation du plan
Étape 3.1 : AudioGénérez la narration TTS, les timings des mots, récupérez la BGM selon l'ambiance, exécutez en arrière-plan
Étape 4 : Conception visuelle des cadresEsquissez le tableau si collaboratif, ajoutez des séquences de plans horodatées et du mouvement en ligne
Étape 5 : Construction des cadresSynchronisez les durées, récupérez les SFX, dispatchez des sous-agents par cadre, assemblez l'index et les légendes
Étape 6 : FinalisationInjectez les transitions, exécutez lint/check/snapshot, mettez en pause pour révision, rendez le MP4
Référence rapideFormats, scripts en arrière-plan, et tableau de référence des documents par étape

Description du skill lui-même

« Transformez une URL produit ou marketing, un script collé ou un brief en vidéo de lancement / promo produit — promos SaaS, révélations de fonctionnalités, démos produit, lancements d'applications et d'entreprises. À utiliser lorsque l'utilisateur souhaite commercialiser, lancer, promouvoir ou révéler un produit ; la valeur par défaut pour toute URL commerciale. Les visites / présentations de sites web sont également dirigées ici — le brief porte l'intention de le montrer tel quel. Peu clair → /hyperframes. »

Description en en-tête tirée de SKILL.md. Le fichier complet fait environ 32 560 caractères. Lire le fichier complet sur GitHub.

06 Avant d'installer

Questions à propos du skill product-launch-video

Les réponses proviennent du SKILL.md tel que lu le 2026-09-14, et non d'une exécution enregistrée.

Ai-je besoin d'un compte HeyGen pour utiliser ce skill ?

Non requis. Le workflow affiche le statut de connexion avant de quitter Setup et indique si la voix et la BGM utiliseront HeyGen ou des moteurs locaux. Sans connexion, il continue avec les moteurs locaux disponibles (Kokoro pour le TTS). La connexion active les voix Starfish de HeyGen et sa bibliothèque musicale.

Quels formats et durées de vidéo cela produit-il ?

Paysage 1920x1080, portrait 1080x1920, ou carré 1080x1080, déterminé à partir du champ de destination dans BRIEF.md. La durée est fixée comme une estimation approximative à partir du champ de longueur du brief ; l'assemblage indique où se situe le montage final par rapport à celle-ci. La réponse finale précise le chemin du MP4 et la durée réelle.

Vidéo de lancement produit

Exécuter product-launch-video sur une vraie tâche Motion et Vidéo.

Téléchargez OpenDesign, importez product-launch-video depuis son lien SKILL.md, collez l'invite ci-dessus et lisez le plan avant le résultat.

Télécharger OpenDesign Parcourir tous les skills