H
Skills Heygen Com
embedded-captions
heygen-com
Ajoutez des sous-titres à une vidéo de tête parlante. Un catalogue (CATALOG.md) de 32 identités visuelles derrière deux moteurs : column-flow (sous-titres composés DANS la scène — occlusion matte + mix-blend ; cream/ink/editorial/keynote/documentary/loud/neon/glitch/chrome/velocity) et constitutions thématiques (anchor/ordnance/terminal/neonsign/stardust/stomp/scoreboard/transit/vhs/arcade/dossier/laser/thunder/hologram/biolume/aurora/spectrum/papercut/popup/chalkboard/graffiti/brush/inkwater/ransom/lastpage/nightcity...
videocreativemedia
faceless-explainer
heygen-com
workflow vidéo faceless-explainer - texte arbitraire (article / notes / sujet / brief) -> narrator_scripts.json + audio (voix + BGM) + section_plan.md -> vidéo typographie / graphismes abstraits / diagrammes / data-viz. Durée typique jusqu'à ~3 min (point idéal ~30-90s) ; un contenu vraiment plus long relève de general-video, pas de ce workflow. Génère sa PROPRE narration (TTS) — il ne se synchronise pas avec une voix off fournie ou préenregistrée par l'utilisateur (c'est le rôle de general-video). Pas de capture de site web, pas de captures d'écran de produit réel....
videocreativemedia
general-video
heygen-com
Utiliser comme solution de repli pour la composition vidéo HTML personnalisée HyperFrames lorsqu'aucun workflow spécialisé ne convient. Couvre les pièces longues ou multi-scènes, les bandes-annonces de marque ou de promotion, les montages, les cartes de titre, les affiches animées de longue durée, les boucles statiques et les compositions libres de toute longueur ou format. Ne convient pas aux promotions de produits commercialisés (product-launch-video), à la capture vidéo générale de site web (website-to-video), aux vidéos explicatives de sujets (faceless-explainer), aux vidéos de PR GitHub (pr-to-video), au sous-titrage de séquences existantes...
videocreativemedia
graphic-overlays
heygen-com
Conditionnez une vidéo existante de type talking-head, interview ou podcast en superposant des cartes GRAPHIC OVERLAY chronométrées et conçues sur la vidéo en cours de lecture — titres, tiers inférieurs, encarts de données, citations, panneaux latéraux, incrustation d'image — synchronisées avec la transcription. La vidéo source est lue en entier ; l'agent conçoit et rédige le HTML de chaque carte en conversation, puis la restitue en MP4 via hyperframes. À utiliser lorsque l'utilisateur demande des superpositions graphiques, des graphiques à l'écran / tiers inférieurs / encarts de données / titres animés sur une vidéo,...
creativevideodesign
hyperframes-animation
heygen-com
Toutes les connaissances en animation pour HyperFrames — règles de mouvement atomique, plans de scène multiphases, transitions de scène, techniques de conception de mouvement plus larges, ET les sept adaptateurs d'exécution (GSAP par défaut, plus Lottie, Three.js, Anime.js, keyframes CSS, Web Animations API, TypeGPU). Utilisez pour toute tâche de mouvement ou d'animation : choisissez 2 à 4 règles et composez, ou chargez un plan, ou recherchez une API spécifique à l'exécution (par exemple, les easing de GSAP / le lecteur Lottie / le mixer Three.js). Natif HyperFrames : timeline unique en pause, sûr pour la recherche,...
creativedevelopmentdesign
hyperframes-cli
heygen-com
HyperFrames CLI dev loop — `npx hyperframes` for scaffolding (init), validation (lint, inspect), preview, render, and environment troubleshooting (doctor, browser, info, upgrade). Use when running any of these commands or troubleshooting the HyperFrames build/render environment. For asset preprocessing commands (`tts`, `transcribe`, `remove-background`), invoke the `hyperframes-media` skill instead.
developmenttestingapi
hyperframes-core
heygen-com
Contrat de composition HTML HyperFrames. Utilisé pour la structure de composition, les attributs de données, les clips, les pistes, les sous-compositions, les variables, la lecture multimédia, les règles de rendu déterministes et la validation de projets minimalement rendus.
developmentmediacreative
hyperframes-creative
heygen-com
Non-animation creative direction for HyperFrames videos. Use for design spec (frame.md / design.md) handling, palettes, typography, narration, beat planning, audio-reactive visuals, composition patterns, and brand / style decisions. For atomic motion patterns and scene blueprints, use `hyperframes-animation`.
creativedesignvideo
hyperframes-media
heygen-com
Prétraitement des actifs pour les compositions HyperFrames — TTS multi-fournisseur (HeyGen / ElevenLabs / Kokoro local), BGM multi-fournisseur (Google Lyria / MusicGen local), transcription Whisper, suppression d’arrière-plan, et création de sous-titres. Utiliser pour npx hyperframes tts, bgm, transcribe, remove-background, sélection voix/fournisseur, suggestion d’ambiance musicale, sous-titres / légendes / paroles / karaoké / style mot par mot.
mediaaudiovideo
hyperframes-read-first
heygen-com
Commencez ici pour toute demande de réalisation, création, génération, édition, animation ou rendu d’une vidéo, animation, motion design, vidéo explicative, carte de titre, incrustation, vidéo sous-titrée, promotion produit, vidéo pour site web, vidéo RP ou de changelog, montage de données, motion poster ou composition HTML HyperFrames. À utiliser avant les autres compétences vidéo ou d’animation lorsque l’utilisateur souhaite qu’HyperFrames crée ou rende une vidéo MP4/web finale, choisisse un workflow, ou oriente entre product-launch-video, faceless-explainer, website-to-video,...
creativevideomedia
hyperframes-registry
heygen-com
Installer et câbler les blocs et composants du registre dans des compositions HyperFrames. À utiliser lors de l’exécution de hyperframes add, de l’installation d’un bloc ou d’un composant, du câblage d’un élément installé dans index.html, ou du travail avec hyperframes.json. Couvre la commande add, les emplacements d’installation, le câblage de sous-composition de blocs, la fusion d’extraits de composants, la découverte du registre, et la création d’un nouveau bloc ou composant à contribuer en amont (idée → échafaudage → validation → PR).
developmentapicode-review
motion-graphics
heygen-com
Utiliser lorsque l'utilisateur souhaite un court motion design où le mouvement est le message : typographie cinétique, compteur de statistiques ou de nombres, animation de graphique/données, logo sting, habillage de marque, tiers inférieur, callout, superposition sociale, titre/tweet/actualité animé, motion poster, ou mise en évidence rapide d'une page capturée. Généralement moins de 10 secondes et jusqu'à environ 30 secondes, sans arc narratif, voix off ou sujet en prise de vue réelle. Peut être rendu en MP4 ou superposition transparente. Pas pour les pièces plus longues, multi-scènes, narrées ou de type reel de marque...
creativevideodesign
pr-to-video
heygen-com
flux de travail pr-to-video - une pull request GitHub (URL comme github.com/ / /pull/ , ou / # , ou "cette PR" dans un dépôt extrait) -> faits de PR ingérés (titre, corps, diff, commits, fichiers, statistiques +/-) -> narrator_scripts.json + audio (voix + BGM) + section_plan.md -> vidéo explicative de diff de code / avant-après / impact. L'entrée est un CHANGEMENT DE CODE. L'URL est un lien de PR, PAS un site marketing à scraper ; pas un résumé textuel et pas un site produit. Pour une entrée non-PR (site produit, site général, texte de sujet),...
developmentvideocode-review
product-launch-video
heygen-com
Utiliser lorsque l'utilisateur souhaite une vidéo de lancement de produit, une promotion SaaS, une révélation de fonctionnalité, une vidéo marketing pour une application/entreprise/site, ou un script/brief transformé en vidéo centrée sur un produit. Les déclencheurs incluent : vidéo de lancement pour X, promotion pour notre site, explique mon SaaS en une minute, révélation de fonctionnalité pour X.com, et transformer ce script en une promotion de 60 secondes. Peut utiliser une URL produit/marketing pour la capture de marque ou un mode sans capture à partir d’un brief/script. Ne convient pas pour les explications thématiques sans produit ni URL (faceless-explainer), ni pour les PR GitHub/modifications de code...
videomarketingcreative
remotion-to-hyperframes
heygen-com
Traduire une composition vidéo Remotion (basée sur React) existante en une composition HTML HyperFrames. Utiliser UNIQUEMENT lorsque l'utilisateur demande explicitement de porter, convertir, migrer, traduire ou réécrire une composition Remotion en HyperFrames (ex. « portez mon projet Remotion vers HyperFrames »). NE PAS utiliser lorsque (a) l'utilisateur crée une NOUVELLE composition HyperFrames (même pour un test A/B d'une vidéo Remotion) ; (b) Remotion est mentionné incidemment ; (c) du code Remotion est partagé à titre de référence, non pour traduction ; (d) l'utilisateur souhaite...
developmentvideocreative
website-to-video
heygen-com
Capturez un site web/URL général et transformez-le en vidéo HyperFrames (visite de site, démonstration ou clip social à partir des visuels propres du site). Utilise des captures d'écran headless Chrome + des éléments de marque. À utiliser lorsque l'intention est générale — démonstration de portfolio/blog/page d'accueil ou clip social à partir du site. PAS pour : lancement ou promotion de produit/SaaS (→ /product-launch-video, même à partir d'une URL) ; explicateur de sujet sans site (→ /faceless-explainer) ; PR GitHub (→ /pr-to-video) ; ajout de sous-titres à une vidéo existante (→...
browser-automationvideocreative