Communitygithub.com

heygen-com/reverse-any-video

任意の動画ファイルを編集可能なHyperFramesプロジェクトとして再構築します。モーショングラフィックス、トーキングヘッド、実写、AI生成映像に対応。計測・確認し、すべてのレイヤーを再構築し、レンダリング結果を元の動画とフレーム単位で比較します。動画のリバース、再現、複製、コピーに使用します。

reverse-any-video とは?

このスキルは、任意の動画ファイル(モーショングラフィックス、トーキングヘッド、実写、AI生成映像など)を完全に編集可能なHyperFramesプロジェクトとしてリバースエンジニアリングします。元の動画とフレーム単位で一致するレンダリングを生成し、プロジェクト内のすべての要素(テキスト、キャプション、ステッカー、UI、人物、アニメーションなど)を元の形式に忠実に再構築します。主なプラットフォームはHyperFramesとHeyGenで、ffmpegやPythonなどの標準ツールを使用します。プロセスは計測(プローブ、カット検出、フレーム比較)、レイヤー再構築(各コンポーネントをHTMLまたは切り抜きとして再現)、最終検証(差分比較によるチェックとレンダリング)の3段階で構成され、単一のエージェントが全体を管理することで一貫性を保ちます。

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

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

プラグインインストール: セットアップやフレッシュネスコマンドを実行する前に、このスキルが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 measures cuts <video>: すべてのカットをそのフレームとともに検出します。ジャンプカットやワンテイク内のパンチインも含まれ、これらはffmpegのシーンスコアでは見逃されます。すべてのショットはリストされた時間に開始します。時間はフレーム÷fpsを切り捨てて記述します(30fpsでフレーム83の場合 2.766666): 2.767 だと1フレーム遅れます。
  3. 音声は元のものを使用します: 動画をプロジェクトにコピーし、フィルム全体で1つの <audio src="original.mp4"> として再生します(抽出や再エンコードされたトラックは使用しません)。すべてのクリップはミュートされます。
  4. 何かが変化する場所で連続するフレームを読み取ります: 各カット、出入り、トランジションの前後数フレーム(npx hyperframes measure frames --range a,b --roi x,y,w,h)。1秒または1/4秒間隔のシートでは、1~3フレームのタイミング、オブジェクトの出入り方法、カット部分のブラーやディゾルブ、1フレームのフラッシュを見逃します。

すべてのレイヤー

  • コンポーネント(テキスト、キャプション、ステッカー、カード、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以外のフレーム、またはクラウドレンダリングの失敗(理由をユーザーに伝える)の場合は、ローカルでレンダリングします: npx hyperframes render -o <out> をフォアグラウンドで10分のタイムアウト付きで実行します(それ以上かかる場合は、デタッチして開始します: setsid nohup npx hyperframes render -o <out> > render.log 2>&1 & を実行し、フォアグラウンドでログを待ちます)。diffは、元の動画のカットであなたが見逃したものと余分なもの、継続時間、音声のオフセット、コンテンツが欠落しているストレッチ、および問題のあるセルを元のものと並べて表示した最悪の瞬間をリストします。
  3. 表示されていて確認できるものを修正します: 欠落したカットや要素、間違った時間、サイズ、太さ、色。もう一度レンダリングとdiffを実行し、その後停止します。小さなスコアの違いは、もう1ラウンド行う価値はありません。

単独で作業します: 1つのエージェントがフィルム全体を保持することで、それぞれが見直すサブエージェントよりも優れています。最後に短い 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]

関連スキル