Communitygithub.com

Drama2557/4RealDigital-Video-Studio

音楽トラック(音声ファイル、音声抽出用の動画、またはムード指定から生成したトラック)を、ビート同期の動画(リリックビデオ、スライドショー、キネティックプロモ)に変換します。音楽がすべてのペースを決定し、ユーザーが提供する画像や動画は同じビートグリッド上にカットされ、アセットがなくても完全な動画が作成可能です。

4RealDigital-Video-Studio とは?

このスキルは、HyperFrames フレームワーク上で動作する、音楽駆動型でビート同期された動画制作ワークフローです。音楽トラックを分析し、フレーム構成を計画し、各フレームを独立したコンポジションとして構築し、最終的に再生可能な HTML と MP4 を生成します。ユーザーは画像や動画を追加で提供できますが、必須ではありません。主要な機能は、ビートグリッド分析器(`analyze-beatgrid.py`)、フレームごとのテンプレートまたはモーションプリミティブの割り当て、フレームワーカーによる並列フレーム構築、そして最終的なレンダリングです。スキルは、Step 3(計画承認)と Step 6(レンダリング承認)でユーザー承認を必要としますが、自律モードでは進行します。ワークフローは、`videos/<project>/` ディレクトリで実行され、`hyperframes.json`、`audiomap.json`、`STORYBOARD.md`、`frame.md`、`compositions/frames/` ディレクトリ内の HTML ファイル、`index.html`、そして最終的な `renders/video.mp4` を生成します。このスキルは、Claude Code や Cursor などの AI エージェントが、音楽の感情やリズムに完全に同期した動画を、最小限のユーザー入力で作成するために使用します。

対応✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/Drama2557/4RealDigital-Video-Studio/tree/HEAD/.agents/skills/music-to-video

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

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

ドキュメント

最初に、このスキルを最新に保ってください——確認はせずに、静かに実行: npx hyperframes skills update music-to-video。すべてが最新のときは高速なno-opですが、そうでない場合は、このスキルと、それが依存するコアドメインスキルを、それらに依存する前に更新します。

music-to-video — 音楽に基づいた、ビート同期の動画ワークフロー

このスキルは、音楽トラックをビート同期の HyperFrames 動画に変換するために使用します。あなたはトラックを一度解析し、フレームをレイアウトし、フレームごとの計画を記入し、各フレームをコンポジションとして構築します。入力は音楽トラックと、オプションのユーザー提供画像または動画です——ナレーションやウェブサイトキャプチャはありません。タイポグラフィとテンプレートがベース(完全な動画にはアセットは不要)。ユーザーが提供したメディアはすべて同じビートグリッド上にカットされます。

あなたはオーケストレーターです。videos/<project>/ で作業します。手順を順番に実行し、各ゲートを通過してから次に進みます。ユーザーが必要なステップは2つ:Step 3(計画承認)とStep 6(レンダリング承認)——どちらも ../hyperframes-core/references/brief-contract.md に従ったチェックポイントゲートです(Step 0の前に読んでください)。自律モードでは、サマリーを先出しとして投稿し、待たずに進めます。自分で全てのステップを実行しますが、Step 4では、フレームごとに1つのサブエージェントをディスパッチします。設計とモーションのルールはこのファイルではなく、references/ と frame-worker サブエージェントにあります。

SKILL_DIR = このスキルディレクトリ。PROJECT_DIR = videos/<project-name>/。

ワークフロー:Step 0 セットアップ → hyperframes.json + assets/bgm.mp3;Step 1 解析 → audiomap.json;Step 2 スケルトン → STORYBOARD.md(フレーム、グループ TBD);Step 3 計画 → 完成 STORYBOARD.md + frame.md;Step 4 ビルド → compositions/frames/NN-*.html;Step 5 アセンブル → index.html;Step 6 レンダリング → renders/video.mp4。

すべてを形作る2つの考え方

  • 1つのアナライザー、そしてそれを信頼する。 analyze-beatgrid.py が唯一のビートアナライザーです——他のツールや耳でビートを再計測しないでください。そのエネルギー、密度、ロール、オンセット、サイレンスは常に信頼できます。その bpm と beats_sec は、音楽が本当にリズミカルな場合にのみ信頼できます。穏やかな音楽では、グリッドはトラッカーが強制したメトロノームなので、代わりにフレーズとエネルギーでペースを決め、それにハードカットしないでください。どちらのケースかを判断することは、各フレームの pacing(Step 2)です。
  • 1フレーム=1ファイル。グループは内部に存在する。 Step 2では、トラックをフレームに分割し、各フレームは1つのコンポジションファイル compositions/frames/NN-<frame_id>.html になり、1つのフレームワーカーによって構築されます。フレームはさらにグループ(それぞれがテンプレートまたはモーションプリミティブの組み合わせ)に細分化できます。追加の密度はグループの_内部_に入るため、フレーム数は異なる処理の数を追跡し、ビート数は追跡しません——速いトラックでもサブエージェントの数が爆発的に増えることはありません。

Step 0: セットアップ、BGM、および入力

目的:音楽ソースを確立し、HyperFrames プロジェクトを作成し、ユーザーが提供したメディアを記録します。

ブリーフは意図レイヤーから始まります。 開始ルール(順番):(1) BRIEF.md が存在する → それを読み、それが答えていないことだけを尋ねる——その flow/storyboard がモードを導出します(ブリーフ契約 § 1)。(2) BRIEF.md はないがプロジェクトが存在する → ディスク上の状態から再開し、再質問しない。(3) 直接ここに来た新しい作成リクエスト → /hyperframes を読み、その意図レイヤー(references/intent-interview.md)を実行する:このルートの必須事項(音楽ソース、出力先→アスペクト — ../hyperframes/references/routes/music-to-video.md)を確認し、延期されるもの(ブランドとジャンルは意図的にStep 3で選択)を通知する。BRIEF.md は init の直後に書き込む(決して前には書き込まない——init は空でないディレクトリを拒否する)そして設定ベースの回答を記録する(brief-format.md)。編集リクエストはこれらをすべてスキップする。

音楽が背骨です——何よりも先に1つのトラックを確立します。このスキルは高速で高エネルギーのBGM向けに調整されています:強いビートグリッドがカットを駆動します(穏やかなトラックでも機能しますが、ビートではなくフレーズでペースを合わせます)。ユーザーがオーディオを提供した場合——音楽ファイル、またはオーディオを抽出する動画——それを使用します。それ以外の場合は、リクエストからムードを選択し、/media-use(references/bgm.md)を通じてトラックを生成します。最初の認証プロバイダーアクションの前に、npx hyperframes auth status を実行し、その出力をそのまま中継します。サインアウトしている場合は、1つのブランチを適用します:

  • 協調モード: サインインするか、ローカルプロバイダーでオフラインを続行する明示的な選択を待ちます。
  • 自律モード: ステータスを述べ、利用可能なローカルプロバイダーを通じて続行します。

オフラインプロバイダーが必要な音楽機能を満たせない場合は、ブロッカーを表面化します。キーをリポジトリごとの .env に書き込まないでください。認証の所有権とオフラインフォールバックは /media-use references/setup-providers.md § プロバイダーにあります。結果のトラックは assets/bgm.mp3 に配置されます。提供された画像や動画をステージングして、フレームがビートグリッド上でそれらを使用できるようにします。それ以外の場合は、タイポグラフィが動画を支えます。

リリックビデオ: ボーカルに同期された歌詞の場合、/media-use を通じてトラックを文字起こしするか、ユーザーに歌詞テキストを尋ね、ラインをビートグリッド上に配置して、単語/行のタイミングを取得します。

hyperframes.json がない場合のみ初期化します。ブリーフから <project> をケバブケースで命名します。例:midnight-drive-loop——決してタイムスタンプではありません。init は、インストールされているスキルをGitHub上の最新と照合し、いずれかが古い場合はグローバルセットを更新します。

npx hyperframes init "videos/<project>" --non-interactive --example=blank --skill=music-to-video
mkdir -p "$PROJECT_DIR/assets" "$PROJECT_DIR/renders"
cp "<user-music>" "$PROJECT_DIR/assets/bgm.mp3"   # 必要に応じて最初に動画から抽出
# ユーザーが画像/動画を提供した場合のみ:
node <SKILL_DIR>/scripts/stage-assets.mjs --from <dir> --hyperframes "$PROJECT_DIR" --into public

ブランド(フォント+パレット)はStep 3で選択され、ここではありません。事前にジャンルやトラックタイプを選ばないでください——アセットは単なる任意の材料であり、ジャンルはフレームごとの選択から生まれます。

ゲート: hyperframes.json + assets/bgm.mp3 が存在し、アスペクト、長さ、fps、および(もしあれば)アセットの在庫が確認されている。


Step 1: 音楽を解析する

目的:動画全体が構築される、1つの正準的なタイミング分析を生成する。

analyze-beatgrid.py が唯一のビートアナライザーです——他のツールや耳でビートを再計測しないでください。トラックを1回読み取り、audiomap.json を書き出します:エネルギーフェーズ(レベル/密度/感触)、オンセット + onset_rate、ロール、サイレンス、hard_stops、key_moments、フレーズ、テンポ/グリッド、audio.duration_sec。決定論的です——同じファイルからは常に同じマップが得られます。ほとんどのフィールドはあらゆる音楽で信頼できます。bpm と beats_sec は、音楽が本当にリズミカルな場合のみ信頼でき、その判断はStep 2で行うことです。

前提条件:librosa、numpy、soundfile が利用可能なPython 3。インポートに失敗した場合は、アナライザーを実行する前にアクティブなPython環境にインストールします:

python3 -m pip install librosa numpy soundfile
python3 <SKILL_DIR>/scripts/analyze-beatgrid.py "$PROJECT_DIR/assets/bgm.mp3" \
  -o "$PROJECT_DIR/audiomap.json" --print

ゲート: audiomap.json が存在し、audio.duration_sec が既知である。


Step 2: フレームスケルトン(構造のみ)

目的:音楽を読み、フレームをレイアウトする——STORYBOARD.md のスケルトン。

references/frame-skeleton.md を読む。audiomap.json を自分で STORYBOARD.md のスケルトンに変換します——中間JSONはありません。トラックを実際の音楽的変化(hard_stops、SURGE/DROP key_moments、ロールの端、オンセットのないストレッチ、大きなエネルギージャンプ)でフレームに分割し、すべての境界をオーディオマップのアンカーにスナップします。各フレームに対して、span_sec、pacing(Step 1の信頼呼び出しからの判定——グリッドが本物の場合は beat_cut、穏やかな音楽に強制されたメトロノームの場合は phrase_flow)、mood、および1行の feel(Step 3がテンプレートと照合するプレーンな音楽状況)を設定します。ここでは分類とレイアウトのみを行います:各フレームの ### Groups を TBD (Step 3) のままにし、フロントマター style を空白のままにします——テンプレート、コピー、色、フォントはなし。予想されるフレーム数は約1~6です。

ゲート: フレームがトラックをタイル状に並べている(最初は0、最後はduration_s)。各フレームは span_sec + pacing + mood + feel を持つ。すべての ### Groups は TBD。どこにもコンテンツなし。


Step 3: 計画を埋める(ユーザーゲート)

目的:スケルトンを承認された完全な STORYBOARD.md に変換する。

references/planning.md、storyboard-format.md、template-catalog.md、motion-primitive-catalog.md、およびmontage.md(ユーザーがアセットを提供した場合のみ)を読む。同じファイルをその場で編集して、2つのことを行います:

  1. ブランドを選ぶ。 ../hyperframes-creative/frame-presets/ から1つのプリセットを、../hyperframes-creative/references/design-spec.md のテーブルを使用して選択します(トラックのムードと一致させること。フォントと色のみが重要——テンプレートがコンポジションを所有します)。それを修正せずに frame.md にコピーし、フロントマター style(フォント+最大4~6スウォッチのパレット)をそれから埋めます。
  2. すべてのフレームを埋める。 そのグループを決定し、各グループに処理を与えます:カタログから一致するテンプレート(バインドされたパラメーターと実際のオーディオマップアンカー付き)、プリミティブカタログからの自由構成、または**pacingに従う**アセット処理。コピーを書きます。WHAT(テンプレート/プリミティブ+コンテンツ+アンカー)はあなたが所有し、HOWはフレームワーカーが所有します——ストーリーボードにミリ秒単位のトゥイーンを決して書かないでください。
node <SKILL_DIR>/scripts/validate-plan.mjs --storyboard "$PROJECT_DIR/STORYBOARD.md" \
  --audiomap "$PROJECT_DIR/audiomap.json" --templates <SKILL_DIR>/references/templates

すべての ✗(ハードエラー:期間の不一致、フレームがトラックをタイル状に並べていない、srcの欠落)を修正します。警告はベストエフォートです。次に、フレームごとのサマリーをユーザーに表示し、承認されるまで繰り返します。自律モードでは、これはチェックポイントゲートです:サマリーを先出しとして投稿し、進めます(validate-plan.mjs パスは品質ゲートであり、それでもブロックします)。

ゲート: frame.md がプリセットの逐語的なコピーである。validate-plan.mjs が終了コード0で終了する。ユーザーが計画を承認した(自律モード:サマリーが先出しとして投稿された)。


Step 4: 計画からフレームを構築する

目的:すべてのフレームを自己完結型のコンポジションファイルとして構築する。

compositions/frames/ を作成する。sub-agents/frame-worker.md と ../hyperframes-core/references/subagent-dispatch.md を読む。フレームごとに1つのフレームワーカーを、可能な場合は並列で、そうでなければ波状でディスパッチする。各ワーカーは正確に1つのフレームと以下のコンテキストを取得します:

PROJECT_DIR: <絶対パス>
frame_id: <NN-frame_id>              # = フレームファイルのステム、例:02-f2; コンポジションID
Your block: `## Frame N — <frame_id>` ブロック (PROJECT_DIR/STORYBOARD.md 内)
audiomap: PROJECT_DIR/audiomap.json
frame.md: PROJECT_DIR/frame.md
Materials: 各グループについて、<SKILL_DIR>/references/templates/<id>/index.html (テンプレート) と
           <SKILL_DIR>/references/motion-primitives/<id>/ (自由形式); staged assets/ (アセットグループ)
Contracts: ../hyperframes-core/references/sub-compositions.md + determinism-rules.md
Canvas: <w>×<h>   Pacing: <beat_cut|phrase_flow>
Write to: PROJECT_DIR/compositions/frames/<frame_id>.html

ワーカーは引用されたマテリアルをフォークし、すべてのアンカーをフレームローカル秒(local_t = track_t − span_sec[0])に変換し、そのグループを0msカットでゲートし、1つのシークセーフなフレームファイルを書き込みます。ワーカーは決して hyperframes CLI を実行しません——これらのコマンドはアセンブルされたプロジェクト上で動作し、それはまだ存在しないため、間違ったファイルについて報告することになります。ワーカーは契約に従って書き込み、停止します。アセンブリ後(Step 6)に確認します。各ワーカーが戻ったら、そのファイルがディスク上にあることを確認できます。

ゲート: すべてのフレームが compositions/frames/NN-*.html としてディスク上にある。


Step 5: アセンブル

目的:構築されたフレーム + BGM を再生可能な index.html に配線する。

assemble-index.mjs は決定論的です——サブエージェントも判断もありません。各フレームファイルをその累積 data-start で参照し、assets/bgm.mp3 をトラック11にマウントし、フレーム→フレームをハードカットします(フレームはギャップなくトラックをタイル状に並べるため、トランジションインジェクターはありません)。

node <SKILL_DIR>/scripts/assemble-index.mjs --storyboard "$PROJECT_DIR/STORYBOARD.md" \
  --hyperframes "$PROJECT_DIR" --audiomap "$PROJECT_DIR/audiomap.json"

報告された ✗ を修正します——欠落または空のフレームファイルは、そのワーカーが部分的なファイルを書き込んだことを意味します。それを再ディスパッチし(Step 4)、再アセンブルします。

ゲート: index.html が存在する。合計期間 == audiomap.audio.duration_sec。


Step 6: 確認とレンダリング

目的:アセンブルされた動画を確認し、ユーザーの承認を得て、最終的なMP4をレンダリングする。

アセンブルされたプロジェクトでCLIを実行します——それが正しい単位です(フレームワーカーはそれを実行できませんでした)。check は、構造的リンターとヘッドレスブラウザのランタイム、レイアウト、モーション、コントラストゲートを1パスで実行します。--snapshots はレビューフレームも出力します。

( cd "$PROJECT_DIR" && npx hyperframes check . --snapshots )

t=0、各フレーム開始時、最も強い DROP / SURGE、すべての hard_stops[].t、および最終フレームを検査します。失敗した場合は、自分で最も安価で安全な修正を行います:問題のある compositions/frames/NN-*.html を編集します。同期の問題を隠すために期間やオーディオタイミングを変更しないでください。ゲートが合格したら、ユーザーレビューのために一時停止し、承認後にのみレンダリングします(自律モード:1つの残された質問をします——「プレビューを先にしますか、それともレンダリングしますか?」——その後、コンタクトシートとともにMP4を提供します):

( cd "$PROJECT_DIR" && npx hyperframes render . --skill=music-to-video -q draft -o renders/video.mp4 --fps 30 )

ゲート: check が合格し、スナップショットが検査された。ユーザーが承認した(自律モード:チェックが合格し、配信にコンタクトシートが含まれている)。renders/video.mp4 がオーディオとともに存在し、期間 == audiomap.audio.duration_sec。最終応答はMP4のパスと期間を記載する。


再開テーブル

あなたが持っているもの続行先

…

[翻訳用に切り詰められました]

Individual skills in this repo

This repo contains 20 individual skills — each has its own dedicated page.

Drama2557/4RealDigital-Video-Studio

Overlay doctrine for the embedded-captions workflow — the caption MODEL (drop / rail / embed) and the rule that captions are an OVERLAY composited on top of the film, never a reserved bottom band you shift content up to avoid. Load when adding captions/subtitles to a talking-head or launch video, when deciding whether a phrase should be dropped, ride the verbatim rail, or be promoted to a scarce embedded climax, when laying out a composition that will carry captions (do NOT reserve a keep-out band), or when centering a composition on the true frame center under captions. Quotes the rail+embed model from embedded-captions and constraint #13 (captions overlay, keep-out band retired) from the product-launch-video scene agent. Applies ON TOP of embedded-captions.

Drama2557/4RealDigital-Video-Studio

Turn a weekly changelog .md into a finished branded changelog video (square 1080, ~45-60s, Annie VO, animated brand background, mock-UI visualizations, lowkey captions). Use when the user provides a changelog/digest markdown and wants the weekly video, or says "changelog video". Self-contained — fonts, background, lexicon, and scripts ship in this skill.

Drama2557/4RealDigital-Video-Studio

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]

Drama2557/4RealDigital-Video-Studio

Add captions or subtitles to an existing single-subject talking-head video without editing the footage. Use for plain verbatim captions, cinematic captions embedded behind the subject, VFX captions, “炸/特效/酷炫字幕,” or a named identity from the 35-style catalog. Route by visual identity, not by backend engine. The quiet `anchor` rail is the default; embed every word only when the user explicitly wants a fully cinematic treatment. The workflow runs locally end to end, including transcription and subject matting; split multi-shot footage before applying it.

Drama2557/4RealDigital-Video-Studio

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.

Drama2557/4RealDigital-Video-Studio

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.

Drama2557/4RealDigital-Video-Studio

Author or edit a custom HyperFrames composition when no specialized workflow fits, or when BRIEF.md sets flow: companion. Use for longer or multi-scene pieces, brand and sizzle reels, montages, static loops, static title cards, footage remixes, and freeform builds. Use motion-graphics instead for a short unnarrated motion-first unit, including an animated title. Route fresh creation through hyperframes before using this skill.

Drama2557/4RealDigital-Video-Studio

Use the HyperFrames CLI development loop: init, add, catalog, capture, lint, check, snapshot, compare, grade-compare, preview, play, present, beats, keyframes, single or batch render, publish, cloud, cloudrun, feedback, lambda, doctor, browser, info, upgrade, skills, compositions, docs, benchmark, telemetry, transcribe, auth, tts, and remove-background. Also use when diagnosing build or render failures. validate, inspect, and layout are deprecated aliases; use check. Covers local, HeyGen-hosted cloud, AWS Lambda, and Google Cloud Run rendering.

Drama2557/4RealDigital-Video-Studio

The HyperFrames composition contract — build one renderable project. Use for composition structure, the `data-*` timing attributes, `class="clip"`, tracks, sub-compositions, variables, framework-owned media playback, deterministic-render rules, and validation. Also covers Tailwind projects and the STORYBOARD.md / SCRIPT.md plan formats. Read before writing composition HTML.

Drama2557/4RealDigital-Video-Studio

Non-animation creative direction for HyperFrames videos. Use for design spec (frame.md / design.md) handling, palettes, typography, narration, beat planning, audio-reactive visuals, composition patterns, and brand / style decisions. For atomic motion patterns and scene blueprints, use `hyperframes-animation`.

Drama2557/4RealDigital-Video-Studio

Install, discover, and wire registry blocks and components into HyperFrames compositions. Use when running hyperframes add or hyperframes catalog, installing one item or every block matching a tag, wiring an installed item into index.html, or working with hyperframes.json. Covers discovery, install locations, block sub-composition wiring, component snippet merging, and authoring a new block or component to contribute upstream (idea → scaffold → validate → PR).

Drama2557/4RealDigital-Video-Studio

Agent Media OS, the single skill for every media need in a HyperFrames project. Resolve BGM, SFX, image, icon, brand logo, voice, color grade, or LUT into a frozen local file or paste-ready block + ledger record (one verb, `resolve`); generate via TTS / music / image models when the catalog misses; produce voiceover, transcription, captions, and background removal through one shared audio engine; operate on media (cut / reframe / transform); and reuse assets across projects. Also use for vague feedback that real footage looks dark, flat, boring, should feel retro/camcorder/print/ASCII, needs privacy, or needs a media reveal.

Drama2557/4RealDigital-Video-Studio

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]

Drama2557/4RealDigital-Video-Studio

A short, design-led motion graphic where motion is the message — kinetic typography, stat count-up, chart/data-viz hit, logo sting / brand lockup, lower-third / callout / social overlay, animated map (highlight regions, connect places, zoom to a location), animated tweet / news-article / headline, webpage / UI animation (scroll, cursor, callouts), or fusing a real image's geometry into a chart. Usually under 10s (up to ~30s), no narration or live-action subject; renders to MP4 or transparent overlay. Longer / narrated / multi-scene → /general-video. Unclear → /hyperframes.

Drama2557/4RealDigital-Video-Studio

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.

Drama2557/4RealDigital-Video-Studio

Turn a GitHub pull request (a PR URL, owner/repo#N, or 'this PR' in a checked-out repo) into a code-change explainer video — changelog, feature reveal, fix, or refactor walkthrough built from the diff, commits, and files: the input is a code change, not a website. Not a product promo (/product-launch-video) or a no-PR topic explainer (/faceless-explainer). Unclear → /hyperframes.

Drama2557/4RealDigital-Video-Studio

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.

Drama2557/4RealDigital-Video-Studio

Author a HyperFrames slideshow — a presentation, pitch deck, or interactive deck with discrete slides, fragment reveals, branching, hotspot navigation, and built-in presenter mode with speaker notes; also converts an existing page into a deck. Output is a navigable deck, not a rendered MP4. If the user didn't explicitly ask for a slideshow, confirm before authoring. Unclear → /hyperframes.

Drama2557/4RealDigital-Video-Studio

Package an existing talking-head / interview / podcast video with timed, designed GRAPHIC OVERLAY cards — kinetic titles, lower-thirds, data callouts, quotes, side panels, picture-in-picture — synced to the transcript, on a 16:9 / 9:16 / 4:5 canvas of your choice; the clip plays untouched underneath. Trigger on "graphic overlays", "on-screen graphics", "package / dress up my video". Not plain subtitles (/embedded-captions). Unclear → /hyperframes.

Drama2557/4RealDigital-Video-Studio

Agent skill / project related to launch or product demo video: Drama2557/4RealDigital-Video-Studio

関連スキル