Communitygithub.com

Drama2557/4RealDigital-Video-Studio

HyperFrames 專案的媒體作業系統:解析、生成、操作、記憶——所有媒體類型,一個技能,零上下文干擾。

4RealDigital-Video-Studio 是什麼?

這個技能為 HyperFrames 專案提供了一個統一的媒體作業系統,透過一個核心動詞 `resolve` 來處理所有媒體需求,包括背景音樂、音效、圖片、圖示、品牌標誌、語音、色彩校正和 LUT。它能夠在本地檔案或可直接貼上的區塊中解析媒體,並生成帳本記錄。當目錄中缺少素材時,它會透過 TTS、音樂或圖片模型生成所需的媒體,並透過共享的音訊引擎製作旁白、轉錄、字幕和移除背景。此外,它還能對媒體進行剪輯、重新構圖和轉換等操作。這個技能特別適合處理使用者對真實影像的模糊反饋,例如畫面太暗、平淡、無趣、需要復古/攝影機/印刷/ASCII 風格、需要隱私保護或需要媒體揭示等。它支援 HeyGen CLI 作為免費使用的路徑,並可選用本地 Kokoro 進行 TTS。開發者可以透過 `--candidates` 列出可重複使用的候選素材,並參考詳細的文件來進行進階的色彩分級、操作和治療效果。

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

在你喜歡的 AI 中提問

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

說明文件

media-use

HyperFrames 的媒體作業系統:解析 · 生成 · 操作 · 記憶 — 所有媒體類型,一個技能,零上下文干擾。

首次執行:安裝並登入 heygen CLI(免費使用路徑),然後使用 node <SKILL_DIR>/scripts/resolve.mjs --doctor 驗證。設定與提供者:references/setup-providers.md。

解析 — 核心動詞

node <SKILL_DIR>/scripts/resolve.mjs --type <type> --intent "<description>" --project <dir>

回傳一行:resolved <id> → <path> (<type>, <metadata>)。所有搜尋雜訊都保留在磁碟上。

類型單行意圖
bgm背景音樂(HeyGen 目錄,10k+ 曲目)
sfx音效(內建 19 個檔案庫 + 目錄)
image照片、背景(HeyGen 素材搜尋,75k+ 向量)
icon圖示、符號(透明)
logo官方品牌標記(svgl → simple-icons → GitHub 頭像 → favicon;永不重繪)
voiceTTS 旁白(HeyGen 免費使用路徑;可選本地 Kokoro)
grade測量後的校正候選;廣泛的潤色/風格化遵循 Media Treatments
lut使用者提供或明確選擇的可重複使用已驗證的 .cube 檔案

在解析新素材之前,使用 --candidates 列出可重複使用的候選項目,並自行判斷適用性 — 重複使用規則、所有標誌、引入(--from)和採用,請參閱 references/resolve.md。

將廣泛的視覺回饋視為媒體意圖

當使用者明確要求修復、潤色、風格化、遮蔽、強調或 揭示攝影媒體時,即使他們沒有提到色彩分級或效果,也請閱讀 references/media-treatments.md。檢查實際的 <img>/<video>, 選擇一個主要的意圖,然後使用確定性持久化和驗證。 使用一個匹配的配方作為可選的測試種子,或者檢查 hyperframes media-treatment --capabilities --json,然後請求一個相關的 系列/效果(使用 --capability <id>),並從規範控制中組裝一個自訂處理。 永遠不要載入 --all 用於一般的創作。一個處理可以 組合校正、預設、修飾、相容的著色器效果、支援的 關鍵影格以及可選的 Registry 覆蓋層。只新增有來源依據的、有界限的 調整和相容的部分,永遠不要為了讓結果看起來更複雜而增加效果。 使用 hyperframes media-treatment 持久化最終的組合負載。

使用一個逐步升級的工作流程。對於影片,檢查一個標記了早期/中期/後期的 接觸片,而不是分別讀取影格。應用一個 候選並檢查一個後續接觸片,用於一般的校正或潤色。 只有當結果不明確、涉及時間、風格化、基於 LUT、HDR/LOG 敏感、隱私、 或品牌關鍵時,才升級到單個影格或動態草稿證據。

對於一般的校正或潤色,持久化最終處理的 預設/調整 JSON。 不要僅僅為了編碼曝光、陰影、對比或 色溫而生成 .cube LUT。只有在使用者提供或選定的處理 明確擁有一個 LUT 時,才使用 LUT。resolve --type grade --for ... --analyze 是 測量證據,不是用生成的 LUT 取代所選處理的許可。 不要使用 CSS/SVG 覆蓋層重新建立支援的暈影、顆粒、模糊、像素化、色彩或 處理效果;這會繞過 Studio 控制和規範的預覽/渲染著色器路徑。

主動出擊 — 執行媒體機會掃描

使用者通常無法判斷哪個媒體能提升作品。你可以。當你建立或審查一個 構圖時,只做一次有根據的掃描,然後只問一次 — 不要默默新增,也不要對每個素材嘮叨。

只有在檢測到具體訊號時,才提出一個機會:

檢測到的訊號提議
螢幕上的文字 / 一個沒有旁白的腳本TTS 旁白(音訊引擎)
Emoji 或一個樣式化為圖示的 <div>解析真實的 icon
一個佔位符、很小或看起來像放大的圖片更好的 image(和/或放大 — 請參閱 references/operations.md)
硬場景切換 / 沒有聲音的轉場轉場 sfx
一段超過 ~10 秒且沒有音樂背景的片段bgm
看起來曝光不足/過度或有色偏的素材一個校正性的色彩分級(使用 hyperframes media-treatment --selector '#hero' --analyze --json 檢查)
感覺視覺上平淡或離題的照片素材一個特定的、適合來源的預設或自訂處理,並指名預期目標
一個感覺靜態的有意義的媒體引入/揭示一個支援的、安全的處理動畫;除非請求也證明使用預設是合理的,否則保留顏色

讓這成為幫助而非惱人提示的規則:有根據,非通用(沒有訊號 → 沒有建議);有主見且具體(提出帶有預設選擇的具體修復 — 使用者核准 全部 / 部分 / 無);每個專案一次(整合成一個請求;尊重「保持原樣」);提出,絕不默默修改(尤其是色彩分級:提議並預覽 — 灰色的「校正」會毀掉有意的日落或霓虹燈效果)。

在哪裡查看 — 只讀取你任務所需的檔案

任務讀取
解析 / 重複使用 / 採用 / 引入、標誌、級聯、庫存references/resolve.md
色彩分級、LUT、智慧分級(--for)、分級比較references/grading.md
旁白 / TTS、音樂、SFX、字幕、轉錄(音訊引擎)references/audio.md
剪輯 / 重新構圖 / 轉換現有媒體、精確錯誤擴散、HEVCreferences/operations.md
感知來源的創意處理、即時效果、覆蓋層、揭示references/media-treatments.md
安裝 + 驗證、提供者表格、RAM 層級、--local-only、--providerreferences/setup-providers.md
記住的偏好 + 凍結的配方(使用者記憶)references/memory.md
所有權矩陣、使用統計、遙測、隱私(維護者面向)references/meta.md

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

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

Turn a music track (an audio file, a video to pull audio from, or a track generated from a mood brief) into a beat-synced video — lyric video, slideshow, or kinetic promo. The music drives all pacing; any user-supplied images/videos are cut onto the same beat grid, and a complete video needs zero assets. Narrated pieces → the input-matched workflow (see /hyperframes). 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

相關技能