Skills Heygen Com
ego lite browser
sponsorego lite est le navigateur le plus rapide pour que les agents IA exécutent l'automatisation web, partageant votre état connecté avec Codex ou Claude Code, zéro coût, zéro configuration.
Alpha Vantage MCP Server
sponsorAccédez aux données des marchés financiers : actions en temps réel et historiques, ETF, options, forex, crypto, matières premières, fondamentaux, indicateurs techniques, et plus encore.
Composio
sponsorConnectez-vous à plus de 1500 serveurs MCP en 1 clic
captions-overlay
hyperframes/.agents/skills/captions-overlay
Doctrine de superposition pour le flux de travail des sous-titres intégrés — le MODÈLE de sous-titres (déposer / rail / intégrer) et la règle selon laquelle les sous-titres sont une SUPERPOSITION composée sur le film, jamais une bande inférieure réservée pour laquelle on décale le contenu afin de l'éviter. Charger lors de l'ajout de sous-titres à une vidéo de type talking-head ou de lancement, lors de la décision de savoir si une phrase doit être déposée, suivre le rail verbatim, ou être promue à un climax intégré rare, lors de la mise en page d'une composition qui portera des sous-titres (ne PAS réserver une...
changelog-video
hyperframes/.agents/skills/changelog-video
Transformez un fichier .md de changelog hebdomadaire en vidéo de changelog de marque finie (carré 1080, ~45-60s, voix off Annie, fond animé aux couleurs de la marque, visualisations d'interface simulée, sous-titres discrets). À utiliser lorsque l'utilisateur fournit un markdown de changelog/digest et souhaite la vidéo hebdomadaire, ou dit « vidéo de changelog ». Autonome — polices, fond, lexique et scripts sont inclus dans cette compétence.
cut-the-curve
hyperframes/.agents/skills/cut-the-curve
Le catalogue de techniques : cinq SEAMS à vitesse adaptée (zoom-through, INVERSE zoom-through, cut-the-curve, waterfall cut, rack-focus blur-cut) plus les deux techniques en scène — waterfall ENTRY (cascades d'arrivée échelonnées pour les cartes de titre / ouvertures de segments) et la nudge curve (glissements de groupe en trois phases lent-rapide-lent). Couvre l'adaptation de vitesse à parcours partiel (~12 % du cadre) via des easings power4 en miroir, la règle du signe d'échelle Z, le flou proportionnel à la taille (texte 10 px / plein cadre 18-20 px), l'échelonnement mot par mot...
embedded-captions
hyperframes/skills/embedded-captions
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...
VidéoCréatifMédiasfaceless-explainer
hyperframes/skills/faceless-explainer
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....
VidéoCréatifMédiasfigma
hyperframes/skills/figma
Importer le contenu Figma dans une composition HyperFrames — actifs rendus, tokens de marque, composants, sections de storyboard → mouvement reconstruit (images lues comme des états, pas des diapositives) (REST/CLI), animations Figma Motion (MCP), et shaders (source MCP / export natif). Utiliser lorsque l'utilisateur colle un lien figma.com ou demande d'importer un design, une image, un logo, une marque ou une animation Figma dans une vidéo/composition.
general-video
hyperframes/skills/general-video
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...
VidéoCréatifMédiasgraphic-overlays
hyperframes/skills/graphic-overlays
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,...
CréatifVidéoDesignhyperframes
hyperframes/skills/hyperframes
LISEZ CECI EN PREMIER pour toute demande de réalisation, création, édition, animation ou rendu d’une vidéo, animation ou graphique animé — qu’il s’agisse d’une promotion, d’une vidéo explicative, d’un clip sous-titré, d’un carton-titre, d’une incrustation ou de toute composition. HyperFrames génère des vidéos à partir de HTML ; c’est la compétence d’entrée et la méthode par défaut par laquelle un agent crée ou édite une vidéo. Elle achemine la demande vers le workflow spécialisé approprié et renvoie aux compétences du domaine HyperFrames, alors lisez-la avant toute autre compétence vidéo ou d’animation au lieu de deviner un workflow....
CréatifVidéoMédiashyperframes-animation
hyperframes/skills/hyperframes-animation
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,...
CréatifDéveloppementDesignhyperframes-audio
hyperframes/skills/hyperframes-audio
Use when audio already placed in a HyperFrames composition needs to be mixed: a music bed that fights a voiceover (voiceover carve), effects on a track (EQ, compressor, limiter, gate, saturation, delay, reverb, chorus, phaser, bitcrush), or automation envelopes drawn on a track's volume or any effect parameter. Don't use for sourcing or generating audio — finding BGM, SFX, or making a voiceover is `/media-use`. Don't use for clip timing or track layout, which is `/hyperframes-core`.
hyperframes-cli
hyperframes/skills/hyperframes-cli
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.
DéveloppementTestsAPIhyperframes-core
hyperframes/skills/hyperframes-core
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.
DéveloppementMédiasCréatifhyperframes-creative
hyperframes/skills/hyperframes-creative
Direction créative non-animée pour les vidéos HyperFrames. À utiliser pour la gestion des spécifications de design (frame.md / design.md), les palettes, la typographie, la narration, la planification des beats, les visuels réactifs à l'audio, les motifs de composition et les décisions de marque/style. Pour les motifs de mouvement atomiques et les plans de
CréatifDesignVidéohyperframes-keyframes
hyperframes/skills/hyperframes-keyframes
Use when a HyperFrames composition needs seek-safe 2D/3D keyframes, GSAP timelines, CSS keyframes, Anime.js, WAAPI, FLIP, paths, masks, SVG morph/draw, text trails, 3D depth, or `hyperframes keyframes` diagnostics. Don't use for broad scene strategy, brand design, media sourcing, captions, or general video planning.
CréatifVidéoDéveloppementhyperframes-media
hyperframes/skills/hyperframes-media
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.
MédiasAudioVidéohyperframes-read-first
hyperframes/skills/hyperframes-read-first
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,...
CréatifVidéoMédiashyperframes-registry
hyperframes/skills/hyperframes-registry
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).
DéveloppementAPIRevue de codemedia-use
hyperframes/skills/media-use
Agent Media OS — resolve any media need (BGM, SFX, image, icon) into a frozen local file + ledger record. One verb (`resolve`) handles the full cascade — project cache, global cache, HeyGen catalog search, freeze, register. Keeps search noise on disk, hands the agent a path. Use when a composition needs background music, sound effects, images, or icons.
MédiasCréatifProductivitémotion-doctrine
hyperframes/.agents/skills/motion-doctrine
GATEWAY — charger D'ABORD avant de composer toute animation ou vidéo HyperFrames. La loi de mouvement de haut niveau qui fait qu'une vidéo multi-scènes ressemble à UN seul mouvement de caméra continu au lieu d'une pile de diapositives animées indépendamment. Couvre la loi vectorielle (comment vous sortez détermine comment vous entrez, incl. la règle du signe d'échelle Z), le courant du film, les éléments porteurs, le mouvement causal, la porte de jointure (application de la construction de la porte), l'interdiction de l'oscillation oisive (le mouvement doit PERFORMER, pas respirer), l'immobilité avant le climax, et...
motion-graphics
hyperframes/skills/motion-graphics
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...
CréatifVidéoDesignmusic-to-video
hyperframes/skills/music-to-video
Utilisez lorsque l'utilisateur dispose d'un morceau de musique (un fichier audio ou une vidéo pour en extraire l'audio) et souhaite une vidéo HyperFrames synchronisée sur le rythme, de calme à percutante. La musique pilote tout : un analyseur la lit une fois, l'orchestrateur dispose les images et remplit un plan par image, et un sous-agent construit chaque image. La typographie et les modèles constituent la base — une vidéo complète ne nécessite aucun élément — mais toutes les images ou vidéos fournies par l'utilisateur sont intégrées dans les images sur la même grille rythmique (beat-cut /...
CréatifVidéoAudiooversized-cursor
hyperframes/.agents/skills/oversized-cursor
Technique de curseur macOS surdimensionné dans le style maison pour les vidéos de lancement HyperFrames. À charger dès qu’une scène implique des curseurs ou une action guidée par le pointeur, au démarrage d’une scène UI, lors du déclenchement d’une séquence de morphing/transition/saisie avec un clic, ou lorsqu’une scène semble statique, morte ou figée et nécessite une source de mouvement économique et à fort rendement pour porter le regard du spectateur et le sortir de cet état figé. Couvre la taille et l’apparence du curseur (y compris les curseurs à motif de marque), la règle d’entrée hors écran, le ciblage de la pointe et le clic...
pr-to-video
hyperframes/skills/pr-to-video
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),...
DéveloppementVidéoRevue de codeproduct-launch-video
hyperframes/skills/product-launch-video
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...
VidéoMarketingCréatifremotion-to-hyperframes
hyperframes/skills/remotion-to-hyperframes
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...
DéveloppementVidéoCréatifseam-craft
hyperframes/.agents/skills/seam-craft
Doctrine de correction de rendu pour les coutures scène-à-scène dans les vidéos de lancement HyperFrames — les prérequis qui assurent que les transitions se composent correctement sur la timeline maîtresse. Charger lors de l’assemblage de la timeline maîtresse / index.html, lorsqu’un flash blanc apparaît à une coupe ou à une couture de fondu enchaîné (surtout sur les films sombres), lorsqu’on raisonne sur pourquoi une baisse d’opacité de transition transparaît, ou lors de la vérification des mécanismes côté rendu de la façon dont les wrappers de scènes superposés se fondent. Couvre le sol de scène opaque (#root...
slideshow
hyperframes/skills/slideshow
Rédiger une composition de diaporama HyperFrames — une présentation, un pitch deck ou un deck interactif avec des diapositives distinctes, des révélations par fragments, des séquences ramifiées et une navigation par zones réactives. Utiliser comme vérification d’intention lorsque l’utilisateur demande une présentation, un pitch deck, un deck de diapositives, un deck interactif ou une conversion page-à-deck qui pourrait être un diaporama ; si l’utilisateur n’a pas explicitement demandé un diaporama, confirmer avant de rédiger.
CréatifDesigntalking-head-recut
hyperframes/skills/talking-head-recut
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 écrit le HTML de chaque carte en conversation, puis rend le tout en MP4 via hyperframes. Utilisez cette fonction 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,...
VidéoCréatifDesignwebsite-to-video
hyperframes/skills/website-to-video
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 (→...
Automatisation de navigateurVidéoCréatif