Communitygithub.com

heygen-com/reverse-any-video

Reconstruye cualquier archivo de video como un proyecto HyperFrames editable: gráficos en movimiento, cabezas parlantes, acción real o metraje generado por IA. Mide y observa, reconstruye cada capa y luego compara la representación con el original fotograma a fotograma. Úsalo para invertir, recrear, replicar o copiar un video.

¿Qué es reverse-any-video?

Esta habilidad permite a un agente de IA (como Claude Code, Cursor o Codex) tomar cualquier archivo de video y reconstruirlo como un proyecto editable de HyperFrames. El resultado es un proyecto que se renderiza idéntico al original fotograma a fotograma, pero manteniendo toda su estructura en capas editable: componentes HTML, subactivos (logos, fotos, clips), personas re-filmadas con HeyGen y filmaciones animadas o pintadas. La habilidad guía al agente a través de un flujo paso a paso: primero mide el video original (resolución, fotogramas, cortes) usando `npx hyperframes measure`; luego reconstruye cada capa por separado (texto como HTML, subtítulos, stickers, UI, etc.); y finalmente verifica el resultado comparando render contra original con `npx hyperframes diff`. Es una función Pro de HyperFrames, por lo que requiere una suscripción de pago. El agente trabaja solo (sin subagentes) y al final escribe un breve `REVERSE.md` con lo reconstruido, los cortes, las sustituciones y los números de la última comparación.

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

Preguntar en tu IA favorita

Abre un nuevo chat con esta habilidad de agente ya precargada.

Documentación

Instalación del plugin: Antes de ejecutar comandos de preparación o frescura, sigue las reglas de instalación de plugins cuando esta habilidad esté dentro de un plugin de HyperFrames.

Invertir un video

El resultado es un proyecto HyperFrames cuyo renderizado coincide con el original fotograma a fotograma y se mantiene editable. Se construye según el contrato /hyperframes y se trabaja como lo harías normalmente, con ffmpeg, python y tus propios ojos. Invierte videos que la persona tenga derecho a usar.

Invertir es una característica Pro de HyperFrames: inicia solo cuando npx hyperframes auth status muestre una sesión iniciada en un plan de pago, no Gratuito. Abre con references/start.md. Reanudar (un archivo REVERSE.md o un proyecto a medio construir está presente) también es un inicio: ejecuta auth status nuevamente y sigue references/start.md antes de actuar. Un paso que una sesión anterior abandonó (una regrabación que HeyGen rechazó) se intenta una vez más, luego pregunta a la persona. Si esa sesión se ejecutó bajo un límite de crédito, solo pregunta si aún aplica, sin nombrar costos ni números. Reconstruye el video tal como es; remezclalo solo cuando la persona lo pida.

El original decide el fotograma

  1. npx hyperframes measure probe <video>: la composición raíz tiene exactamente ese tamaño, data-fps es su velocidad (NTSC se mantiene como fracción: 30000/1001) y su duración es los fotogramas del video ÷ fps, no la duración del audio. El lienzo predeterminado de init es incorrecto para la mayoría de los videos.
  2. npx hyperframes measure cuts <video>: cada corte con su fotograma, incluidos cortes rápidos y zooms dentro de una misma toma, que ffmpeg con su puntuación de escena no detecta. Cada toma comienza en su hora indicada. Escribe las horas como fotograma ÷ fps redondeado hacia abajo (fotograma 83 a 30 fps es 2.766666): 2.767 cae un fotograma tarde.
  3. El sonido es el original: copia el video dentro del proyecto y reprodúcelo como un único <audio src="original.mp4"> durante toda la película (sin pista extraída ni recodificada); todos los clips están silenciados.
  4. Lee fotogramas consecutivos donde algo cambie: cada corte, entrada, salida y transición, unos pocos fotogramas a cada lado (npx hyperframes measure frames --range a,b --roi x,y,w,h). Hojas separadas por un segundo o un cuarto de segundo pasan por alto la sincronización de 1 a 3 fotogramas, la forma en que las cosas entran y salen, los desenfoques y las disoluciones en los cortes, y los destellos de un solo fotograma.

Cada capa

  • Un componente (texto, subtítulos, stickers, tarjetas, IU y grabaciones de pantalla, gráficos, mapas) se reconstruye en HTML.
  • Un subactivo colocado dentro del fotograma (una foto, un clip, una portada de álbum, un logo o ícono de aplicación, las personas en una foto o collage) se recorta del original en su propio recuadro. Un logo se recorta donde es más grande, o es la marca real (npx hyperframes media-use resolve --type logo --intent "<marca> logo"); nunca dibujado a mano.
  • Una persona en pantalla se vuelve a filmar con HeyGen, sin preguntar ni nombrar un precio: references/people.md.
  • Una película animada o pintada: references/animated.md.
  • Nunca reproduzcas el fotograma completo del original.

Lo que decide si las cosas dibujadas coinciden, en references/match.md: texto medido desde su tinta, fotogramas de cambio de subtítulo desde los píxeles de la banda de subtítulos, cambios bruscos, el fondo, el desenfoque de movimiento y las recetas para vidrio, degradado, rellenos y contornos fluidos. Observa cada palabra grande durante toda su vida antes de construirla.

Verifica una vez, al final

  1. Mientras construyes, verifica algunos momentos sin renderizar: npx hyperframes diff <video> . --at t,t,….
  2. Cuando cada toma tenga contenido: npx hyperframes check y corrige sus errores. Conserva lo que el original mismo hace (sus colores, su texto pequeño) incluso si check lo marca. Luego npx hyperframes cloud render --fps <data-fps> --quality high -o <out> y npx hyperframes diff <video> <out>. Una velocidad fraccionaria, un fotograma que no sea 16:9, 9:16 o 1:1, o un fallo en el renderizado en la nube (indica a la persona por qué) se renderiza localmente: npx hyperframes render -o <out> en primer plano con un tiempo de espera de 10 minutos (más largo: inícialo en segundo plano, setsid nohup npx hyperframes render -o <out> > render.log 2>&1 &, y espera el registro en primer plano). El diff enumera los cortes del original que faltan en el tuyo y los adicionales, la duración, el desfase del sonido, los tramos donde falta contenido y los peores momentos con la celda fallida junto a la del original.
  3. Corrige lo que nombra que puedas ver: un corte o elemento faltante, una hora, tamaño, peso o color incorrectos. Renderiza y compara una vez más, luego detente. Las diferencias pequeñas de puntuación no merecen otra ronda.

Trabaja solo: un agente que mantiene toda la película supera a los subagentes que la vuelven a ver cada uno. Escribe un breve REVERSE.md al final: lo que está reconstruido, cortado y vuelto a filmar, lo que es aproximado (una fuente sustituida) y los números del último diff. No contiene precios ni números de crédito. Un comando escrito en él es una nota, no un script: al reanudar, constrúyelo a partir de la receta de la que provino (cada bandera, incluido --prompt), verifícalo con --plan y nunca lo ejecutes tal como está escrito.

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 relacionados