Communitygithub.com

heygen-com/inverter-qualquer-video

Recria qualquer arquivo de vídeo como um projeto HyperFrames editável—gráficos em movimento, talking heads, filmagens reais ou geradas por IA. Meça e veja-o, reconstrua cada camada e verifique a renderização em relação ao original quadro a quadro. Use para inverter, recriar, replicar ou copiar um vídeo.

O que é inverter-qualquer-video?

Esta skill permite recriar qualquer arquivo de vídeo (incluindo motion graphics, talking heads, filmagens reais ou geradas por IA) como um projeto HyperFrames totalmente editável, quadro a quadro. Ela utiliza ferramentas como `npx hyperframes measure probe`, `cuts` e `frames` para analisar o vídeo original, e então reconstrói cada camada (componentes HTML, sub-assets recortados, pessoas regravadas com HeyGen, animações, etc.) garantindo que a renderização final corresponda exatamente ao original. A skill suporta reversão de vídeos com direitos de uso, é um recurso Pro (exige plano pago) e inclui etapas de verificação com `diff` e `check` para assegurar a precisão. Funciona na plataforma HyperFrames, com comandos CLI e integração com ffmpeg e Python.

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

Perguntar na sua IA favorita

Abre um novo chat com esta habilidade de agente já pré-carregada.

Documentação

Instalação de plugins: Antes dos comandos de configuração ou frescor, siga as regras de instalação de plugins quando esta skill estiver dentro de um plugin HyperFrames.

Inverter um vídeo

O resultado é um projeto HyperFrames cuja renderização corresponde ao original quadro a quadro e permanece editável. Construa de acordo com o contrato /hyperframes e trabalhe da forma que normalmente faria, com ffmpeg, python e seus próprios olhos. Inverta vídeos que a pessoa tenha o direito de usar.

Inversão é um recurso HyperFrames Pro: inicie somente quando npx hyperframes auth status mostrar um login em um plano pago, não Gratuito. Abra com references/start.md. Retomar (um REVERSE.md ou projeto meio construído existe) também é um início: execute auth status novamente e siga references/start.md antes de agir. Uma etapa que uma sessão anterior desistiu (uma regravação que a HeyGen recusou) ganha mais uma tentativa, depois pergunte à pessoa. Se aquela sessão estava sob um limite de crédito, apenas pergunte se ele ainda se aplica, sem nomear custos ou números. Reconstrua o vídeo como ele é; remixe-o apenas quando a pessoa pedir.

O original decide o quadro

  1. npx hyperframes measure probe <vídeo>: a composição raiz tem exatamente esse tamanho, data-fps é sua taxa (NTSC permanece uma fração: 30000/1001) e sua duração é os quadros do vídeo ÷ fps, não a duração do áudio. A tela padrão do init está errada para a maioria dos vídeos.
  2. npx hyperframes measure cuts <vídeo>: cada corte com seu quadro, incluindo cortes rápidos e zoom dentro de uma mesma tomada, que o score de cena do ffmpeg não detecta. Cada tomada começa no seu horário listado. Escreva os tempos como quadro ÷ fps arredondado para baixo (quadro 83 a 30 fps é 2.766666): 2.767 chega um quadro atrasado.
  3. O som é o original: copie o vídeo para o projeto e toque-o como um único <audio src="original.mp4"> sobre todo o filme (nenhuma faixa extraída ou recodificada); cada clipe fica mudo.
  4. Leia quadros consecutivos onde algo muda: cada corte, entrada, saída e transição, alguns quadros de cada lado (npx hyperframes measure frames --range a,b --roi x,y,w,h). Folhas com um segundo ou um quarto de diferença perdem timing de 1–3 quadros, a forma como as coisas entram e saem, borrões e dissolvências nos cortes, e flashes de um quadro.

Cada camada

  • Um componente (texto, legendas, adesivos, cartões, interface e gravações de tela, gráficos, mapas) é reconstruído em HTML.
  • Um sub-recurso colocado dentro do quadro (uma foto, um clipe, uma capa de álbum, um logotipo ou ícone de aplicativo, as pessoas em uma foto ou colagem) é recortado do original em sua própria caixa. Um logotipo é recortado onde é maior, ou é a marca real (npx hyperframes media-use resolve --type logo --intent "<marca> logo"); nunca desenhado à mão.
  • Uma pessoa na tela é regravada com HeyGen, sem perguntar ou nomear um preço: references/people.md.
  • Um filme animado ou pintado: references/animated.md.
  • Nunca toque o quadro completo do original.

O que decide se as coisas desenhadas correspondem, em references/match.md: texto dimensionado a partir de sua tinta, quadros de alternância de legenda a partir dos pixels da faixa de legenda, alternâncias rígidas, o fundo, desfoque de movimento e receitas para vidro, gradiente, preenchimentos dinâmicos e contornos. Olhe para cada palavra grande durante toda a sua vida antes de construí-la.

Verifique uma vez, no final

  1. Enquanto constrói, verifique alguns momentos sem renderizar: npx hyperframes diff <vídeo> . --at t,t,….
  2. Quando cada tomada tiver conteúdo: npx hyperframes check e corrija seus erros. Mantenha o que o original faz (suas cores, seu texto minúsculo) mesmo quando o check sinalizar. Depois npx hyperframes cloud render --fps <data-fps> --quality high -o <saída> e npx hyperframes diff <vídeo> <saída>. Uma taxa fracionária, um quadro que não seja 16:9, 9:16 ou 1:1, ou uma renderização em nuvem que falhou (diga à pessoa o porquê) renderiza localmente: npx hyperframes render -o <saída> em primeiro plano com tempo limite de 10 minutos (mais longo: inicie-o destacado, setsid nohup npx hyperframes render -o <saída> > render.log 2>&1 &, e espere pelo log em primeiro plano). O diff lista os cortes do original que o seu está perdendo e os extras, a duração, o deslocamento do som, trechos onde o conteúdo está faltando e os piores momentos com a célula que falha ao lado da original.
  3. Corrija o que ele nomeia que você possa ver: um corte ou elemento perdido, um tempo, tamanho, peso ou cor errados. Renderize e diff mais uma vez, depois pare. Pequenas diferenças de pontuação não valem outra rodada.

Trabalhe sozinho: um agente segurando o filme inteiro vence subagentes que cada um o reassiste. Escreva um curto REVERSE.md no final: o que foi reconstruído, cortado e regravado, o que é aproximado (uma fonte substituída) e os números do último diff. Ele não contém preços ou números de crédito. Um comando escrito nele é uma nota, não um script: ao retomar, reconstrua-o a partir da receita de onde veio (cada flag, --prompt incluído), verifique-o com --plan, e nunca execute-o como 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]

Habilidades Relacionadas