Communitygithub.com

heygen-com/reverse-any-video

Jedes Video als bearbeitbares HyperFrames-Projekt neu aufbauen – Bewegtgrafik, sprechende Köpfe, Realfilm oder KI-generiertes Material. Messen und betrachten, jede Ebene nachbauen, dann das Rendering Frame für Frame mit dem Original vergleichen.

Was ist reverse-any-video?

Die Fähigkeit `heygen-com/reverse-any-video` ermöglicht es, jedes beliebige Video (Bewegtgrafik, Sprechervideos, Realfilm oder KI-generiertes Material) als vollständig bearbeitbares HyperFrames-Projekt zu rekonstruieren. Das Ergebnis ist ein Projekt, dessen Render Frame für Frame mit dem Original übereinstimmt, aber flexibel editiert werden kann – ideal zum Reverse-Engineering, Nachbau oder zur kreativen Weiterverarbeitung. Unterstützt werden Plattformen wie Claude Code, Cursor, Codex und HyperFrames selbst. Der Workflow umfasst: exakte Vermessung des Originals (Auflösung, Bildrate, Schnitte), Extraktion jeder Ebene (Komponenten als HTML, Unter-Assets als ausgeschnittene Boxen, Personen via HeyGen, Animationen), und finale Prüfung durch Differenzanalyse. Die Fähigkeit ist ein HyperFrames Pro-Feature und erfordert einen aktiven bezahlten Account; sie arbeitet eigenständig (ein Agent hält den gesamten Film) und erstellt am Ende eine kurze `REVERSE.md` mit den Ergebnissen.

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

In Ihrer bevorzugten KI fragen

Öffnet einen neuen Chat, in dem dieser Agent-Skill bereits geladen ist.

Dokumentation

Plugin-Installation: Führen Sie vor Setup- oder Frische-Befehlen die Plugin-Installationsregeln aus, wenn diese Fähigkeit innerhalb eines HyperFrames-Plugins verwendet wird.

Ein Video rückwärts aufbauen

Das Ergebnis ist ein HyperFrames-Projekt, dessen Render Frame für Frame mit dem Original übereinstimmt und bearbeitbar bleibt. Es arbeitet nach dem /hyperframes-Vertrag und funktioniert wie gewohnt – mit ffmpeg, Python und Ihren eigenen Augen. Nur Videos rückwärts aufbauen, für die die Person die Nutzungsrechte besitzt.

Reverse ist ein HyperFrames Pro-Feature: Starten Sie nur, wenn npx hyperframes auth status eine Anmeldung mit einem bezahlten Tarif anzeigt (nicht Free). Öffnen Sie mit references/start.md. Auch die Wiederaufnahme (eine REVERSE.md oder ein halb erstelltes Projekt ist vorhanden) ist ein Start: führen Sie erneut auth status aus und folgen Sie references/start.md, bevor Sie handeln. Ein Schritt, den eine frühere Sitzung aufgegeben hat (ein von HeyGen abgelehnter Neudreh), erhält einen weiteren Versuch, dann fragen Sie die Person. Wenn diese Sitzung unter einem Guthabenlimit lief, fragen Sie einfach, ob es noch gilt, ohne Kosten oder Zahlen zu nennen. Bauen Sie das Video so nach, wie es ist; mischen Sie es nur um, wenn die Person es verlangt.

Das Original bestimmt das Bild

  1. npx hyperframes measure probe <video>: Die Hauptkomposition hat genau diese Größe, data-fps ist ihre Bildrate (NTSC bleibt ein Bruch: 30000/1001) und ihre Dauer ist die Anzahl der Frames des Videos geteilt durch fps, nicht die Länge des Audios. Die Standardleinwand von init ist für die meisten Videos falsch.
  2. npx hyperframes measure cuts <video>: Jeder Schnitt mit seinem Frame, einschließlich Jump Cuts und Punch-Ins innerhalb einer Einstellung, die ffmegs Szenen-Score übersieht. Jede Einstellung beginnt zur angegebenen Zeit. Schreiben Sie Zeiten als Frame ÷ fps abgerundet (Frame 83 bei 30 fps ergibt 2.766666): 2.767 landet einen Frame zu spät.
  3. Der Ton ist der des Originals: Kopieren Sie das Video in das Projekt und spielen Sie es als einen einzigen <audio src="original.mp4">-Eintrag über den gesamten Film (keine extrahierte oder neu codierte Spur); jeder Clip ist stummgeschaltet.
  4. Lesen Sie aufeinanderfolgende Frames aus, wo immer sich etwas ändert: jeder Schnitt, jeder Auftritt, Abgang und Übergang, ein paar Frames auf jeder Seite (npx hyperframes measure frames --range a,b --roi x,y,w,h). Aufnahmen im Abstand von einer Sekunde oder einer Viertelsekunde verpassen 1-3-Frame-Timing, Ein- und Ausgänge, Unschärfen und Überblendungen an Schnitten sowie Einzelframe-Blitze.

Jede Ebene

  • Eine Komponente (Text, Untertitel, Sticker, Karten, UI und Bildschirmaufnahmen, Diagramme, Karten) wird in HTML nachgebaut.
  • Ein Unter-Asset innerhalb des Bildes (ein Foto, ein Clip, ein Albumcover, ein Logo oder App-Symbol, die Personen auf einem Foto oder einer Collage) wird aus dem Original auf einer eigenen Box ausgeschnitten. Ein Logo wird dort ausgeschnitten, wo es am größten ist, oder ist das echte Markenzeichen (npx hyperframes media-use resolve --type logo --intent "<Marke> logo"); niemals von Hand gezeichnet.
  • Eine Person auf dem Bildschirm wird mit HeyGen neu aufgenommen, ohne zu fragen oder einen Preis zu nennen: references/people.md.
  • Ein animierter oder gemalter Film: references/animated.md.
  • Spielen Sie niemals den gesamten Frame des Originals ab.

Was entscheidet, ob gezeichnete Dinge übereinstimmen, in references/match.md: Textgröße gemessen an seiner Tinte, Umschaltframes von Untertiteln aus den Pixeln des Untertitelstreifens, harte Umschaltungen, der Hintergrund, Bewegungsunschärfe und Rezepte für Glas, Verlauf, fließende Füllungen und Konturen. Betrachten Sie jedes große Wort über seine gesamte Lebensdauer, bevor Sie es bauen.

Einmal am Ende prüfen

  1. Während des Bauens: Überprüfen Sie ein paar Momente ohne Rendern: npx hyperframes diff <video> . --at t,t,….
  2. Wenn jede Einstellung Inhalt hat: npx hyperframes check und beheben Sie dessen Fehler. Behalten Sie, was das Original selbst tut (seine Farben, seinen winzigen Text), auch wenn check es beanstandet. Dann npx hyperframes cloud render --fps <data-fps> --quality high -o <out> und npx hyperframes diff <video> <out>. Eine gebrochene Bildrate, ein Frame nicht im Seitenverhältnis 16:9, 9:16 oder 1:1 oder ein fehlgeschlagenes Cloud-Rendering (teilen Sie der Person den Grund mit) rendert lokal: npx hyperframes render -o <out> im Vordergrund mit einem 10-Minuten-Timeout (länger: starten Sie es abgekoppelt, setsid nohup npx hyperframes render -o <out> > render.log 2>&1 &, und warten Sie im Vordergrund auf das Log). Der Diff listet die Schnitte des Originals auf, die Ihnen fehlen, sowie die zusätzlichen, die Dauer, den Audio-Versatz, Strecken mit fehlendem Inhalt und die schlimmsten Momente mit der fehlerhaften Zelle neben der des Originals.
  3. Beheben Sie, was es benennt und das Sie sehen können: einen fehlenden Schnitt oder ein fehlendes Element, eine falsche Zeit, Größe, Stärke oder Farbe. Rendern und diffen Sie noch einmal, dann hören Sie auf. Kleine Score-Unterschiede sind keine weitere Runde wert.

Arbeiten Sie allein: Ein Agent, der den gesamten Film im Kopf hat, schlägt Unteragenten, die ihn jeweils erneut ansehen. Schreiben Sie am Ende eine kurze REVERSE.md: was nachgebaut, geschnitten und neu aufgenommen wurde, was annähernd ist (eine ersetzte Schriftart), und die Zahlen des letzten Diffs. Sie enthält keine Preise oder Guthabenzahlen. Ein darin geschriebener Befehl ist eine Notiz, kein Skript: beim Wiederaufnehmen bauen Sie ihn aus dem Rezept, von dem er stammt (jedes Flag, --prompt inklusive), prüfen Sie ihn mit --plan und führen Sie ihn niemals so aus, wie er geschrieben steht.

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]

Verwandte Skills