Communitygithub.com

heygen-com/reverse-any-video

將任何影片檔案重建為可編輯的 HyperFrames 專案——包括動態圖像、人物談話、實拍影片或 AI 生成影片。測量並檢視影片,重建每個圖層,然後逐幀比對渲染結果與原始影片。用於逆向、重製、複製或拷貝影片。

reverse-any-video 是什麼?

此技能提供完整的工作流程,將任意外部影片檔案逆向工程為 HyperFrames 專案,使其渲染結果與原始影片逐幀匹配,同時保持高度可編輯性。它支援多種輸入類型,包括動態圖像、人物談話、實拍影片及 AI 生成內容。使用者需先透過 `npx hyperframes auth status` 驗證 HyperFrames Pro 帳戶(非免費方案),並遵循 `references/start.md` 啟動。核心流程包含:使用 `npx hyperframes measure` 精確測量影片的解析度、幀率、剪輯點及音訊;將文字、字幕、UI、圖層等元件以 HTML 或切割子素材的方式重建;人物部分則透過 HeyGen 重新拍攝,而不直接提取原始畫面。最終使用 `npx hyperframes diff` 進行逐幀比對,確保輸出與原始影片的時序、色彩和內容完全一致。此技能適用於 Claude Code、Cursor 或任何支援 CLI 工具的 AI 代理平台,在 HyperFrames Pro 環境下運作。

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

在你喜歡的 AI 中提問

開啟一個已預先載入此 Agent Skill 的新對話。

說明文件

外掛安裝: 在執行設定或刷新指令之前,請遵循外掛執行規則——當此技能位於 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 <影片>:主合成為該確切尺寸,data-fps 為其幀率(NTSC 保留為分數:30000/1001),其持續時間為影片幀數 ÷ fps,而非音訊長度。init 的預設畫布對大多數影片而言是錯誤的。
  2. npx hyperframes measure cuts <影片>:每個剪輯點及其幀數,包括同一鏡頭內的跳剪和推進特寫(這些 ffmpeg 的場景分數無法偵測)。每個鏡頭從其列出的時間開始。時間寫為幀 ÷ fps 並向下取整(例如 30 fps 下的第 83 幀為 2.766666):2.767 會慢一幀。
  3. 音訊是原始影片的聲音:將影片複製到專案中,並作為一個 <audio src="original.mp4"> 在整個影片中播放(不進行音訊提取或重新編碼);所有剪輯都靜音。
  4. 讀取連續幀,只要有任何變化:每個剪輯點、進出場、轉場,前後各幾幀(npx hyperframes measure frames --range a,b --roi x,y,w,h)。間隔一秒或四分之一秒的電子表格會遺漏 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 <影片> . --at t,t,…。
  2. 當每個鏡頭都有內容時:執行 npx hyperframes check 並修復其錯誤。保留原始影片本身的特性(其色彩、其微小文字),即使 check 標記了它們。然後執行 npx hyperframes cloud render --fps <data-fps> --quality high -o <輸出> 和 npx hyperframes diff <影片> <輸出>。分數幀率、非 16:9、9:16 或 1:1 的畫面、或雲端渲染失敗(向使用者說明原因)則在本地渲染:在前景中執行 npx hyperframes render -o <輸出>,設定 10 分鐘超時(更長時間:以分離方式啟動 setsid nohup npx hyperframes render -o <輸出> > 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]

相關技能