Communitygithub.com

heygen-com/reverse-any-video

모든 동영상 파일을 편집 가능한 HyperFrames 프로젝트로 재구축합니다. 모션 그래픽, 토킹 헤드, 실사 또는 AI 생성 영상까지 지원합니다. 각 레이어를 측정하고 재구축한 다음, 프레임 단위로 렌더를 원본과 비교합니다. 동영상을 역설계, 재생성, 복제하거나 복사하는 데 사용합니다.

reverse-any-video란 무엇인가요?

이 스킬은 사용자가 제공한 동영상 파일을 frame-by-frame으로 일치하는 HyperFrames 편집 가능 프로젝트로 변환합니다. 동영상의 해상도, 프레임 레이트(분수 포함), 컷, 개별 레이어(텍스트, 캡션, 이미지, UI, 사람 등)를 정밀하게 측정하고 재구성합니다. HTML로 제작할 수 있는 컴포넌트는 HTML로, 원본에서 추출한 서브에셋은 별도 박스로 잘라내며, 화면 속 사람은 HeyGen을 통해 다시 촬영합니다. 최종적으로 `check`와 `diff` 명령어로 원본과 렌더를 비교하여 오차를 확인하고 수정하는 과정을 거칩니다. HyperFrames Pro 기능이며, `npx hyperframes` CLI를 통해 모든 작업이 이루어집니다.

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

즐겨 사용하는 AI에게 물어보기

이 에이전트 스킬이 미리 로드된 새 채팅을 엽니다.

문서

플러그인 설치: 설정 또는 freshness 명령 전에, 이 스킬이 HyperFrames 플러그인 내부에 있을 때는 플러그인 설치 규칙을 따르세요.

동영상 역설계

결과물은 원본과 프레임 단위로 일치하는 렌더를 생성하며, 편집 가능한 상태로 유지되는 HyperFrames 프로젝트입니다. /hyperframes 계약에 따라 구축하며, ffmpeg, Python 및 직접 확인을 통해 평소처럼 작업합니다. 사용자가 사용할 권리가 있는 동영상만 역설계합니다.

역설계 기능은 HyperFrames Pro 기능입니다: npx hyperframes auth status가 유료 플랜에 로그인된 상태를 표시할 때만 시작하세요. references/start.md로 엽니다. 이전 세션의 REVERSE.md 또는 반쯤 구축된 프로젝트가 있는 경우도 시작입니다: auth status를 다시 실행하고 references/start.md를 따른 후 작업하세요. 이전 세션에서 포기한 단계(HeyGen이 거부한 재촬영)는 한 번 더 시도한 후 사용자에게 물어보세요. 해당 세션이 크레딧 한도 아래에서 실행된 경우, 비용이나 숫자를 언급하지 말고 여전히 적용되는지 묻기만 하세요. 동영상을 있는 그대로 재구축하고, 사용자가 요청할 때만 리믹스하세요.

원본이 프레임을 결정합니다

  1. npx hyperframes measure probe <video>: 루트 컴포지션의 크기는 정확히 동영상 크기와 같고, data-fps는 동영상의 프레임 레이트(NTSC는 분수 유지: 30000/1001)이며, 지속 시간은 동영상의 프레임 수 ÷ fps입니다(오디오 길이가 아님). init의 기본 캔버스는 대부분의 동영상에 부적합합니다.
  2. npx hyperframes measure cuts <video>: 모든 컷과 해당 프레임(ffmpeg의 장면 점수가 놓치는 점프 컷이나 한 테이크 내의 펀치인 포함). 모든 샷은 나열된 시간에 시작됩니다. 시간을 frame ÷ fps로 내림하여 작성합니다(30fps에서 83프레임은 2.766666): 2.767은 한 프레임 늦습니다.
  3. 사운드는 원본 그대로: 동영상을 프로젝트에 복사하고 전체 영화에 걸쳐 하나의 <audio src="original.mp4">로 재생합니다(추출 또는 재인코딩된 트랙 없음). 모든 클립은 음소거됩니다.
  4. 무언가 변경되는 곳마다 연속 프레임을 읽습니다: 각 컷, 진입, 퇴장 및 전환, 몇 프레임 정도 여유를 두고 (npx hyperframes measure frames --range a,b --roi x,y,w,h). 1초 또는 1/4초 간격의 시트는 1~3프레임 타이밍, 물체의 진입/퇴장 방식, 컷에서의 블러 및 디졸브, 한 프레임 플래시를 놓칩니다.

모든 레이어

  • 컴포넌트(텍스트, 캡션, 스티커, 카드, UI 및 화면 녹화, 차트, 지도)는 HTML로 재구축합니다.
  • 서브에셋(프레임 내에 배치된 사진, 클립, 앨범 커버, 로고 또는 앱 아이콘, 사진이나 콜라주의 사람)은 원본에서 별도 박스로 잘라냅니다. 로고는 가장 크게 나타난 곳에서 자르거나, 실제 마크(npx hyperframes media-use resolve --type logo --intent "<브랜드> 로고")를 사용합니다. 절대 손으로 그리지 않습니다.
  • 화면 속 사람은 HeyGen으로 다시 촬영하며, 가격을 묻거나 언급하지 않습니다: references/people.md.
  • 애니메이션 또는 회화 영화: references/animated.md.
  • 원본의 전체 프레임을 재생하지 마세요.

그려진 항목이 일치하는지 결정하는 요소(references/match.md 참조): 잉크로 측정된 텍스트 크기, 캡션 밴드의 픽셀로 결정된 캡션 전환 프레임, 하드 스위치, 배경, 모션 블러, 유리, 그라디언트, 스위핑 채움 및 윤곽선 레시피. 빌드하기 전에 모든 큰 단어를 전체 수명 동안 확인하세요.

마지막에 한 번 확인

  1. 빌드하는 동안 렌더링 없이 몇 순간을 확인: npx hyperframes diff <video> . --at t,t,….
  2. 모든 샷에 콘텐츠가 있을 때: npx hyperframes check를 실행하고 오류를 수정합니다. check가 플래그를 지정하더라도 원본 자체가 수행하는 것(색상, 작은 텍스트)은 유지합니다. 그런 다음 npx hyperframes cloud render --fps <data-fps> --quality high -o <out> 및 npx hyperframes diff <video> <out>을 실행합니다. 분수 레이트, 16:9, 9:16 또는 1:1이 아닌 프레임, 또는 클라우드 렌더 실패(사용자에게 이유를 알림)는 로컬에서 렌더링합니다: 포그라운드에서 10분 타임아웃으로 npx hyperframes render -o <out> 실행(더 긴 경우: detach하여 setsid nohup npx hyperframes render -o <out> > render.log 2>&1 &로 시작하고 포그라운드에서 로그를 기다림). diff는 원본에서 놓친 컷과 추가 컷, 지속 시간, 사운드 오프셋, 콘텐츠가 누락된 스트레치, 원본 옆에 실패한 셀이 있는 최악의 순간을 나열합니다.
  3. 볼 수 있는 문제(누락된 컷 또는 요소, 잘못된 시간, 크기, 두께 또는 색상)를 수정합니다. 한 번 더 렌더 및 diff를 실행한 후 중지합니다. 작은 점수 차이는 추가 라운드에 가치가 없습니다.

단독 작업: 전체 영화를 한 번에 보는 에이전트 하나가 각자 다시 보는 하위 에이전트보다 낫습니다. 마지막에 짧은 REVERSE.md를 작성합니다: 재구축된 내용, 컷 및 재촬영된 내용, 근사치(대체된 글꼴), 마지막 diff의 숫자. 가격이나 크레딧 숫자는 포함하지 않습니다. 작성된 명령어는 스크립트가 아닌 메모입니다: 재개 시, 명령어가 작성된 레시피(모든 플래그, --prompt 포함)에서 재구축하고, --plan으로 확인한 후 절대 그대로 실행하지 않습니다.

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]

관련 스킬