Communitygithub.com

heygen-com/reverse-any-video

Reconstruisez n'importe quelle vidéo en un projet HyperFrames éditable – motion graphics, tête parlante, prise de vue réelle ou contenu généré par IA. Mesurez et regardez, reconstruisez chaque couche, puis comparez le rendu original image par image. Utilisez-le pour inverser, recréer, répliquer ou copier une vidéo.

Qu'est-ce que reverse-any-video ?

Cette compétence permet de déconstruire une vidéo existante (motion graphics, tête parlante, prise de vue réelle ou vidéo générée par IA) pour en générer un projet HyperFrames modifiable. Elle commence par mesurer la vidéo avec des commandes `npx hyperframes measure` pour déterminer la taille exacte, le FPS et les cuts, puis reconstruit chaque couche (composants HTML, sous-assets découpés, personnes re-filmées avec HeyGen, animations) selon les spécifications du projet HyperFrames. Une fois la reconstruction terminée, elle exécute une vérification via `npx hyperframes check` et un rendu cloud (ou local si nécessaire) avant de comparer le résultat image par image avec l'original à l'aide de `npx hyperframes diff`. La compétence exige que l'utilisateur possède les droits sur la vidéo, et nécessite un abonnement payant à HyperFrames Pro. Idéale pour les développeurs qui souhaitent reproduire, copier ou analyser une vidéo avec une fidélité parfaite et une possibilité d'édition complète.

Compatible avec~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/heygen-com/hyperframes/tree/main/skills/reverse-any-video

Demander à votre IA préférée

Ouvre une nouvelle conversation avec cette compétence d'agent déjà préchargée.

Documentation

Installation du plugin : Avant les commandes de configuration ou de mise à jour, suivez les règles d'installation du plugin lorsque cette compétence se trouve à l'intérieur d'un plugin HyperFrames.

Inverser une vidéo

Le résultat est un projet HyperFrames dont le rendu correspond au original image par image et reste modifiable. Fonctionnez selon le contrat /hyperframes et travaillez comme vous le feriez normalement, avec ffmpeg, python et vos propres yeux. Inversez uniquement les vidéos que la personne a le droit d'utiliser.

L'inversion est une fonctionnalité HyperFrames Pro : commencez uniquement lorsque npx hyperframes auth status indique une connexion avec un plan payant, pas Gratuit. Ouvrez avec references/start.md. La reprise (un fichier REVERSE.md ou un projet à moitié construit existe) est aussi un démarrage : exécutez à nouveau auth status et suivez references/start.md avant d'agir. Une étape qu'une session précédente a abandonnée (un re-tournage refusé par HeyGen) a droit à une nouvelle tentative, puis demandez à la personne. Si cette session s'est déroulée sous une limite de crédit, demandez simplement si cette limite s'applique toujours, sans mentionner de coûts ni de chiffres. Reconstruisez la vidéo telle quelle ; ne la remixez que si la personne le demande.

L'original décide la trame

  1. npx hyperframes measure probe <video> : la composition racine a exactement cette taille, data-fps est son taux (le NTSC reste une fraction : 30000/1001) et sa durée est le nombre d'images de la vidéo ÷ l'ips, pas la durée de l'audio. Le canevas par défaut de init est incorrect pour la plupart des vidéos.
  2. npx hyperframes measure cuts <video> : chaque coupe avec son image, y compris les sauts de coupe et les punch-ins à l'intérieur d'une même prise, que le score de scène de ffmpeg ne détecte pas. Chaque plan commence à l'heure indiquée. Écrivez les heures sous forme image ÷ ips arrondi à l'inférieur (image 83 à 30 ips donne 2.766666) : 2.767 atterrit une image trop tard.
  3. Le son est celui de l'original : copiez la vidéo dans le projet et jouez-la comme un seul <audio src="original.mp4"> sur l'ensemble du film (pas de piste extraite ou ré-encodée) ; chaque clip est muet.
  4. Lisez les images consécutives partout où quelque chose change : chaque coupe, entrée, sortie et transition, quelques images de chaque côté (npx hyperframes measure frames --range a,b --roi x,y,w,h). Des séquences espacées d'une seconde ou d'un quart de seconde manquent les cadences de 1 à 3 images, la façon dont les éléments entrent et sortent, les flous et les fondus aux coupes, et les flashs d'une seule image.

Chaque couche

  • Un composant (texte, légendes, autocollants, cartes, interface utilisateur et enregistrements d'écran, graphiques, cartes) est reconstruit en HTML.
  • Un sous-asset placé à l'intérieur du cadre (une photo, un clip, une pochette d'album, un logo ou une icône d'application, les personnes sur une photo ou un collage) est découpé de l'original dans son propre bloc. Un logo est découpé là où il est le plus grand, ou est la marque réelle (npx hyperframes media-use resolve --type logo --intent "<marque> logo") ; jamais dessiné à la main.
  • Une personne à l'écran est re-filmée avec HeyGen, sans demander ni mentionner de prix : references/people.md.
  • Un film animé ou peint : references/animated.md.
  • Ne jouez jamais le cadre complet de l'original.

Ce qui détermine si les éléments dessinés correspondent, dans references/match.md : la taille du texte à partir de son encre, les images de commutation des légendes à partir des pixels de la bande de légende, les commutations brusques, l'arrière-plan, le flou de mouvement, et les recettes pour le verre, le dégradé, les remplissages balayants et les contours. Examinez chaque grand mot pendant toute sa durée avant de le construire.

Vérifiez une fois, à la fin

  1. Pendant la construction, vérifiez quelques moments sans rendu : npx hyperframes diff <video> . --at t,t,….
  2. Lorsque chaque plan a du contenu : npx hyperframes check et corrigez ses erreurs. Conservez ce que l'original fait lui-même (ses couleurs, son petit texte) même lorsque check le signale. Ensuite npx hyperframes cloud render --fps <data-fps> --quality high -o <out> et npx hyperframes diff <video> <out>. Un taux fractionnaire, une image qui n'est pas 16:9, 9:16 ou 1:1, ou un rendu cloud échoué (dites à la personne pourquoi) sont rendus localement : npx hyperframes render -o <out> au premier plan avec un délai d'attente de 10 minutes (plus long : démarrez-le en détaché, setsid nohup npx hyperframes render -o <out> > render.log 2>&1 &, et attendez le journal au premier plan). Le diff liste les coupes de l'original que vous manquez et les coupes supplémentaires, la durée, le décalage du son, les étendues où le contenu manque, et les pires moments avec la cellule défaillante à côté de l'original.
  3. Corrigez ce qu'il nomme et que vous pouvez voir : une coupe ou un élément manquant, un mauvais moment, une taille, un poids ou une couleur. Rendez et diffiez une fois de plus, puis arrêtez-vous. Les petites différences de score ne valent pas un autre tour.

Travaillez seul : un agent qui tient tout le film bat des sous-agents qui le re-regardent chacun. Écrivez un court REVERSE.md à la fin : ce qui est reconstruit, coupé et re-filmé, ce qui est approximatif (une police remplacée), et les derniers chiffres du diff. Il ne contient ni prix ni chiffres de crédit. Une commande qui y est écrite est une note, pas un script : lors de la reprise, reconstruisez-la à partir de la recette dont elle provient (chaque indicateur, --prompt inclus), vérifiez-la avec --plan, et ne l'exécutez jamais telle quelle.

Individual skills in this repo

This repo contains 20 individual skills — each has its own dedicated page.

general-video

>

heygen-com/animejs

Anime.js adapter patterns for HyperFrames. Use when writing Anime.js animations or timelines inside HyperFrames compositions, registering animations on window.__hfAnime, making Anime.js seek-driven and deterministic, or translating Anime.js examples into render-safe HyperFrames HTML.

heygen-com/claude-design-hyperframes

Use when running inside Claude Design specifically. Produces a valid, brand-accurate HyperFrames video draft using pre-valid skeletons. For Claude Code / Cursor / Codex, use the `hyperframes` skill instead.

heygen-com/contribute-catalog

Author a new HyperFrames registry block (caption style, VFX block, transition, lower third) or component (text effect, overlay, snippet) and ship it as an upstream PR to the hyperframes repo. Use ONLY when the user wants to CONTRIBUTE to the public catalog — for in-project caption/transition authoring use the `hyperframes` skill, for installing existing registry items use the `hyperframes-registry` skill.

heygen-com/css-animations

CSS animation adapter patterns for HyperFrames. Use when authoring CSS keyframes, animation-delay based timing, animation-fill-mode, animation-play-state, or CSS-only motion that HyperFrames must seek deterministically during preview and rendering.

heygen-com/gsap

GSAP animation reference for HyperFrames. Covers gsap.to(), from(), fromTo(), easing, stagger, defaults, timelines (gsap.timeline(), position parameter, labels, nesting, playback), and performance (transforms, will-change, quickTo). Use when writing GSAP animations in HyperFrames compositions.

heygen-com/hyperframes

Leaves sweep through the frame and part to reveal the headline. HyperFrames block, 1920×1080, 12s, 11 variables.

heygen-com/hyperframes

Render-correctness doctrine for scene-to-scene seams in HyperFrames launch videos — the prerequisites that make transitions composite correctly on the master timeline. Load when assembling the master timeline / index.html, when a white flash appears at a cut or crossfade seam (especially on dark films), when reasoning about why a transition opacity dip shows through, or when verifying the render-side mechanics of how overlapping scene wrappers blend. Covers the opaque stage-ground (#root background) white-flash guard and how the injector overlaps wrappers, holds final frames, ping-pongs tracks, and stamps lint-clean template code onto the master timeline. Does NOT contain the per-transition catalog — see the transition registry for individual transition entries.

heygen-com/hyperframes

The technique catalog: five velocity-matched SEAMS (zoom-through, INVERSE zoom-through, cut-the-curve, waterfall cut, rack-focus blur-cut) plus the two in-scene techniques — waterfall ENTRY (staggered arrival cascades for title cards / segment openers) and the nudge curve (slow-fast-slow three-phase group slides). Covers partial-travel (~12% of frame) velocity matching via mirrored power4 eases, the Z scale-sign rule, size-scaled blur (10px text / 18-20px full-frame), word-by-word staggered cuts, cascade pacing by element weight, and the 10/65/25 slide ratio. Read before authoring any transition, text-beat handoff, kinetic text entry, or group reposition. [depth, zoom, inverse-zoom, scale-sign, mirrored-zoom, rack-focus, pacing, velocity, cut-the-curve, waterfall, stagger, cascade, kinetic-text, title-card, segment-opener, nudge, slide, easing, group-motion, z-depth, motion-graphics, cinematic, transition, blur, directional-continuity]

heygen-com/hyperframes

Glass shards fly in through fog and tile themselves into the headline. HyperFrames block, 1920×1080, 12.16s, 19 variables.

heygen-com/hyperframes

A single feature card orbits a dot sphere on approved Blender camera motion. HyperFrames block, 1920×1080, 10s, 4 variables.

heygen-com/hyperframes

A wireframe portal bursts open, the title comes through, then its letters swap into a second phrase. HyperFrames block, 1920×1080, 8s, 9 variables.

heygen-com/hyperframes

An orbiting camera follows an ice logo as it breaks apart, reforms into two text moments, and fades. HyperFrames block, 1920×1080, 22.5s, 216 variables.

heygen-com/hyperframes

House-style oversized macOS cursor technique for HyperFrames launch videos. Load whenever a scene involves cursors or a pointer-led action, when kicking off a UI scene, when igniting a morph/transition/typing run with a click, or when a scene reads as static, dead, or stale and needs a cheap high-yield source of motion to carry the viewer's eye and segment them out of the stale state. Covers cursor size/look (incl. brand-motif cursors), the off-screen entry law, tip-targeting and the click tap, click-ignites-the-next-beat, and exit / cross-scene handoff.

heygen-com/hyperframes

name: embedded-captions

heygen-com/hyperframes

A chain of bevelled cuboids rides a travelling wave as a content carousel. HyperFrames block, 1920×1080, 6.666666666666667s, 40 variables.

heygen-com/hyperframes

A tiled headline surface flips cell by cell under a sweeping depth field to reveal the rear headline. HyperFrames block, 1920×1080, 8s, 18 variables.

heygen-com/hyperframes

Turn arbitrary text — an article, notes, a topic, a brief — into a faceless explainer video: there is no site or footage to capture, so the visuals are invented per scene (typography, abstract graphics, diagrams, data-viz). Use for topic explainers, concept breakdowns, how-tos, listicles. Not a video built from a website (/product-launch-video — promo or tour). Unclear → /hyperframes.

heygen-com/hyperframes

Import Figma content into a HyperFrames composition — rendered assets, brand tokens, components, storyboard sections → reconstructed motion (frames read as states, not slides) (REST/CLI), connector-assisted motion when available, and shaders from a connector or native export. Use when the user pastes a figma.com link or asks to bring a Figma design, frame, logo, brand, or animation into a video/composition.

heygen-com/hyperframes

GATEWAY — load FIRST before composing any HyperFrames animation or video. The high-level motion law that makes a multi-scene video feel like ONE continuous camera move instead of a stack of independently-animated slides. Covers the vector law (how you exit determines how you enter, incl. the Z scale-sign rule), the film's current, carrier elements, causal motion, the Seam Gate (build-gate enforcement), the ban on idle wobble (motion must PERFORM, not breathe), stillness-before-climax, and the sustained-motion routes. Routes to the low-level technique skills (cut-the-curve — the full catalog incl. waterfall entry + nudge curve, oversized-cursor, seam-craft). These rules SUPERSEDE generic / upstream motion guidance. [continuity, direction, vector, momentum, seam, transition, ease, performance, idle-motion, narrative-motion, film-grammar]

Skills associés