Communitygithub.com

Drama2557/4RealDigital-Video-Studio

將音樂軌道(音訊檔案、可提取音訊的影片,或根據情緒簡報生成的音軌)轉換為節奏同步的影片——歌詞影片、幻燈片或動態宣傳片。音樂驅動所有節奏;使用者提供的任何圖片/影片都會被剪輯到相同的節拍網格上,且一部完整的影片不需要任何素材。

4RealDigital-Video-Studio 是什麼?

這項技能「music-to-video」讓 AI 代理(如 Claude Code、Cursor 或 Codex)能將音樂軌道轉換為節拍同步的 HyperFrames 影片。使用者可提供音訊檔、影片檔案(從中提取音訊),或根據情緒簡報生成音軌,作為影片的骨幹。技能會自動分析音樂、切割成影格,並將每個影格編譯為獨立的 HTML 檔案,再組裝成最終影片。 此流程的關鍵在於僅使用內建的節拍分析器 `analyze-beatgrid.py` 來確保節奏的精確性,避免其他工具或人為判斷造成的偏差。支援的輸出類型包括歌詞影片、幻燈片和動態宣傳片;即使沒有使用者提供的素材,透過排版和模板也能完成影片。使用者上傳的圖片和影片會自動對應到節拍網格上。 技能包含完整的六步驟工作流程:設定與輸入、音樂分析、影格佈局、計畫審核(需使用者確認)、影格建置(可平行執行)、最終組裝、驗證與渲染。AI 代理負責協調與執行,並在每個步驟通過閘門檢查後再繼續。渲染後的 MP4 檔會包含音訊,並確保長度與音樂檔案一致。 此技能主要針對快速、高能量的背景音樂(BGM)進行最佳化;對於較平靜的音樂,則會以樂句而非節拍來驅動節奏。技能也支援歌詞影片,可透過轉錄或使用者提供的歌詞文字,對齊到節拍網格上。

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

在你喜歡的 AI 中提問

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

說明文件

首先,保持此技能新鮮——靜默執行,無需詢問: npx hyperframes skills update music-to-video。當一切為最新時,此操作為快速無操作;否則它會刷新此技能及其依賴的核心領域技能,然後再依賴它們。

music-to-video — 一個基於音樂、節拍同步的影片工作流程

使用此技能將音樂軌道轉換為節拍同步的 HyperFrames 影片。您分析一次軌道,佈局影格,填寫每個影格的計畫,並將每個影格建置為一個合成。輸入是一個音樂軌道,加上可選的使用者圖片或影片——沒有旁白,也沒有網站擷取。排版和模板是基礎(一部完整的影片不需要任何素材);使用者提供的任何媒體都會被剪輯到相同的節拍網格上。

您是編排者。在 videos/<project>/ 中工作。按順序執行步驟,並在繼續之前通過每個閘門。兩個步驟需要使用者:步驟3(計畫批准)和步驟6(渲染批准)——兩者都是每個 ../hyperframes-core/references/brief-contract.md(請在步驟0之前閱讀)中的檢查點閘門:在自動模式下,發布摘要作為通知,並繼續執行,而不是等待。除了步驟4(您為每個影格分派一個子代理)之外,所有步驟都由您自己執行。將設計和動畫規則保留在此檔案之外——它們位於 references/ 和 frame-worker 子代理中。

SKILL_DIR = 此技能目錄。PROJECT_DIR = videos/<project-name>/。

工作流程:步驟0 設定 → hyperframes.json + assets/bgm.mp3;步驟1 分析 → audiomap.json;步驟2 骨架 → STORYBOARD.md(影格,群組 TBD);步驟3 計畫 → 完成 STORYBOARD.md + frame.md;步驟4 建置 → compositions/frames/NN-*.html;步驟5 組裝 → index.html;步驟6 渲染 → renders/video.mp4。

塑造一切的兩個概念

  • 一個分析器,並且信任它。 analyze-beatgrid.py 是唯一的節拍分析器——永遠不要使用其他工具或靠耳朵重新測量節拍。其能量/密度/滾奏/起音/靜音始終可靠。其 bpm 和 beats_sec 僅當音樂真正具有節奏感時才可靠;在平靜的音樂上,網格是追蹤器強加的節拍器,因此請改為根據樂句和能量安排節奏,並且永遠不要嚴格剪輯到網格。決策您處於哪種情況是每個影格的 pacing(步驟2)。
  • 一個影格 = 一個檔案;群組居住在其中。 步驟2將軌道切割成影格,每個影格成為一個合成檔案 compositions/frames/NN-<frame_id>.html,由一個 frame-worker 建置。一個影格可以細分為群組(每個都是模板或動畫基本元素的組合)。額外的密度進入 一個群組內部,因此影格計數反映不同的處理方式,而不是節拍——快速的軌道不會增加子代理的數量。

步驟0:設定、背景音樂和輸入

目標:建立音樂來源,創建 HyperFrames 專案,並記錄任何使用者提供的媒體。

簡報從意圖層開始。 開啟規則,按順序:(1) BRIEF.md 存在 → 讀取它,並且不要詢問它已經回答的任何問題——其 flow/storyboard 衍伸出模式(簡報合約 § 1)。(2) 沒有 BRIEF.md,但專案存在 → 從磁碟上的內容恢復;永遠不要重新詢問。(3) 一個直接到達此處的新創建請求 → 讀取 /hyperframes 並執行其意圖層(references/intent-interview.md):它確認此路線的必要條件(音樂來源、目的地 → 長寬比——../hyperframes/references/routes/music-to-video.md),並宣布哪些保持延遲——品牌和類型在步驟3按設計選擇。在 init 之後立即寫入 BRIEF.md(永遠不要之前——init 拒絕非空目錄)並記錄基於偏好的答案(brief-format.md)。編輯請求跳過所有這些。

音樂是主幹——在任何其他事情之前建立一個軌道。此技能針對快速、高能量的 BGM 進行了調整:強大的節拍網格驅動剪輯(平靜的軌道也可以,但根據樂句而不是節拍安排節奏)。如果使用者提供了音訊——一個音樂檔案,或一個要從中提取音訊的影片——請使用它。否則,從請求中選擇情緒並通過 /media-use(references/bgm.md)生成一個軌道。在第一次經過驗證的提供者操作之前,執行 npx hyperframes auth status 並逐字中繼其輸出。如果已登出,則應用一個分支:

  • 協作: 等待登入或明確選擇使用本地提供者繼續離線。
  • 自動: 陳述狀態並通過可用的本地提供者繼續。

如果沒有離線提供者可以滿足所需的音樂功能,則顯示阻礙。永遠不要將金鑰寫入每個儲存庫的 .env。驗證所有權和離線後備方案位於 /media-use references/setup-providers.md § 提供者。結果軌道位於 assets/bgm.mp3。暫存提供的圖片或影片,以便影格可以在節拍網格上使用它們;否則排版承載影片。

歌詞影片: 對於與歌聲同步的歌詞,通過 /media-use 轉錄軌道來獲取單詞/行時間,或者向使用者詢問歌詞文字,並將行放在節拍網格上。

僅當缺少 hyperframes.json 時才初始化。從簡報中以 kebab-case 命名 <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

品牌(字型 + 調色板)在步驟3選擇,而不是此處。不要預先選擇類型或軌道類型——素材只是一個可選的組成部分,類型從每個影格的選擇中浮現。

閘門: hyperframes.json + assets/bgm.mp3 存在;長寬比 / 長度 / fps 以及(如果有的話)素材清單已記錄。


步驟1:分析音樂

目標:產生整個影片所依賴的一個權威時間分析。

analyze-beatgrid.py 是唯一的節拍分析器——永遠不要使用其他工具或靠耳朵重新測量節拍。它讀取軌道一次並寫入 audiomap.json:能量階段(等級 / 密度 / 感覺)、起音 + onset_rate、滾奏、靜音、hard_stops、key_moments、樂句、速度 / 網格和 audio.duration_sec。它是確定性的——相同的檔案總是給出相同的映射。大多數欄位在任何音樂上都可靠;bpm 和 beats_sec 僅在音樂真正具有節奏感時才可靠,並且判斷這一點是您在步驟2中做出的決定。

先決條件:Python 3 配備 librosa、numpy 和 soundfile。如果導入失敗,請在執行分析器之前將它們安裝到活動的 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 已知。


步驟2:影格骨架(僅結構)

目標:讀取音樂並佈局影格——STORYBOARD.md 的骨架。

讀取 references/frame-skeleton.md。自行將 audiomap.json 轉換為 STORYBOARD.md 的骨架——沒有中間 JSON。在真實的音樂變化處(hard_stops、SURGE / DROP key_moments、滾奏的邊緣、沒有起音的一段、大的能量跳躍)將軌道切割成影格,將每個邊界對齊到音訊映射錨點。為每個影格設定 span_sec、pacing(來自步驟1信任呼叫的裁決——當網格是真實的時為 beat_cut,當它是強加於平靜音樂的節拍器時為 phrase_flow)、mood 和一行 feel(步驟3匹配模板的純音樂情況)。僅在此處進行分類和佈局:將每個影格的 ### Groups 保留為 TBD (Step 3),並且 frontmatter style 保留空白——沒有模板、複本、顏色或字型。期望約 1–6 個影格。

閘門: 影格平鋪軌道(第一個在 0,最後一個在 duration_s);每個影格包含 span_sec + pacing + mood + feel;每個 ### Groups 都是 TBD;任何地方都沒有內容。


步驟3:填寫計畫(使用者閘門)

目標:將骨架轉換為已批准、完整的 STORYBOARD.md。

讀取 references/planning.md、storyboard-format.md、template-catalog.md、motion-primitive-catalog.md 和 montage.md(僅當使用者提供了素材時)。就地編輯同一個檔案,執行兩件事:

  1. 選擇品牌。 從 ../hyperframes-creative/frame-presets/ 中使用 ../hyperframes-creative/references/design-spec.md 中的表格選擇一個預設(匹配軌道的情緒;只有其字型和顏色重要——模板擁有合成)。將其未經修改複製到 frame.md 中,並從中填寫 frontmatter style(字型 + 一個 ≤4–6 色調色板)。
  2. 填寫每個影格。 決定其群組,並為每個群組指定處理方式:從目錄中選擇一個匹配的模板(帶有綁定參數和真實音訊映射錨點)、從基本元素目錄中進行自由組合、或一個遵守 pacing 的素材處理方式。寫入複本。您擁有 WHAT(模板 / 基本元素 + 內容 + 錨點);frame-worker 擁有 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;使用者批准了計畫(自動模式:摘要已作為通知發布)。


步驟4:根據計畫建置影格

目標:將每個影格建置為一個獨立的合成檔案。

創建 compositions/frames/。讀取 sub-agents/frame-worker.md 和 ../hyperframes-core/references/subagent-dispatch.md。每個影格分派一個 frame-worker,盡可能並行(否則分批)。每個 worker 精確獲得一個影格和以下上下文:

PROJECT_DIR: <abs path>
frame_id: <NN-frame_id>              # = 影格檔案主體,例如 02-f2;合成 ID
您的區塊:PROJECT_DIR/STORYBOARD.md 中的 `## Frame N — <frame_id>` 區塊
audiomap: PROJECT_DIR/audiomap.json
frame.md: PROJECT_DIR/frame.md
材料:對於每個群組,<SKILL_DIR>/references/templates/<id>/index.html(模板)和
           <SKILL_DIR>/references/motion-primitives/<id>/(自由);staged assets/(素材群組)
合約:../hyperframes-core/references/sub-compositions.md + determinism-rules.md
畫布:<w>×<h>   節奏:<beat_cut|phrase_flow>
寫入:PROJECT_DIR/compositions/frames/<frame_id>.html

worker 分叉引用的材料,將每個錨點轉換為影格本地秒數(local_t = track_t − span_sec[0]),使用 0ms 剪輯對其群組進行閘門控制,並寫入一個安全的影格檔案。worker 永遠不會執行 hyperframes CLI——那些命令作用於已組裝的專案,該專案尚不存在,因此它們會報告錯誤的檔案。worker 只寫入合約並停止;您在組裝後進行驗證(步驟6)。當每個 worker 返回時,您可以確認其檔案已落在磁碟上。

閘門: 每個影格都有其 compositions/frames/NN-*.html 在磁碟上。


步驟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"

修復它報告的任何 ✗——缺少或空白的影格檔案意味著該 worker 寫入了部分檔案;重新分派它(步驟4)並重新組裝。

閘門: index.html 存在;總持續時間 == audiomap.audio.duration_sec。


步驟6:驗證並渲染

目標:驗證已組裝的影片,獲得使用者批准,並渲染最終的 MP4。

在已組裝的專案上執行 CLI——這是正確的單元(每個影格的 worker 無法執行它)。check 在一個傳遞中執行結構 lint 和無頭瀏覽器運行時、佈局、動畫和對比度閘門;--snapshots 還會發出審查影格。

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

在 t=0、每個影格開始處、最強的 DROP / SURGE、每個 hard_stops[].t 以及最後一個影格處進行檢查。失敗時,自行進行成本最低的安全修復:編輯有問題的 compositions/frames/NN-*.html。永遠不要更改持續時間或音訊時間來隱藏同步問題。一旦閘門通過,暫停以進行使用者審查,然後僅在批准後進行渲染(自動模式:問一個保留的問題——「先預覽,還是渲染?」——然後提供帶有聯繫表的 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

相關技能