Communitygithub.com

media-use

HyperFrames 專案的媒體作業系統:以單一技能處理解析、生成、操作與記憶所有媒體類型。

media-use 是什麼?

`media-use` 是專為 HyperFrames 專案設計的統一媒體技能,提供「解析」、「生成」、「操作」與「記憶」四大核心功能。開發者只需透過 `resolve` 這個單一指令,就能從目錄中取得 BGM、SFX、圖像、圖示、品牌標誌、語音、色彩分級或 LUT,並將其轉換為凍結的本地檔案或可貼上的區塊與帳本記錄。當目錄中缺少所需素材時,它還能透過 TTS(文字轉語音)、音樂生成或圖像模型來即時產生。技能整合了統一的音訊引擎,支援配音、逐字稿、字幕與去背處理,並可對既有媒體進行裁切、重構與變形操作。更先進的是,它能自動掃描專案中的媒體機會(例如為無聲片段建議背景音樂、為純文字建議配音),並以具體的單次建議方式呈現,避免打擾開發流程。支援 HeyGen CLI(免費路徑)與本地 Kokoro 等多種提供者,詳細的參考文件涵蓋了設定、進階解析規則、色彩分級與音訊處理等面向。

相容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/jasonfast123/hyperframes-skills/tree/main/skills/media-use

在你喜歡的 AI 中提問

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

說明文件

media-use 是做什麼的?

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

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

Resolve — 單一動詞

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

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

Type一行意圖
bgm背景音樂(HeyGen 目錄,超過 10,000 首曲目)
sfx音效(內建 19 個音效庫 + 目錄)
image照片、背景(HeyGen 資產搜尋,超過 75,000 個向量)
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 配音(音訊引擎)
表情符號或一個被設為圖示樣式的 <div>解析真實的 icon
看起來是佔位符、很小或像被放大過的圖像一個更好的 image(和/或放大 — 請參閱 references/operations.md)
生硬的場景切換 / 沒有聲音的過渡過渡音效 sfx
一段長度超過約 10 秒且沒有背景音樂的片段bgm
看起來曝光不足/過度或有色偏的素材一個修正性的分級(使用 hyperframes media-treatment --selector '#hero' --analyze --json 檢查它)
感覺視覺上平淡或離題的攝影媒體一個特定的、符合來源的預設集或自訂處理,並指明預期的目標
一個有意義的媒體入場/揭示但感覺靜態一個支援的安全影格處理動畫;除非請求也證明需要某個預設集,否則保留顏色

保持這項功能為幫助而非干擾的規則:有根據,而非泛泛而談(無信號 → 無建議);有主見且具體(提出帶有預設值的具體修正 — 人類批准 全部 / 部分 / 無);每個專案一次(一次整合的請求;尊重「保持原樣」);提出建議,永不默默變更(尤其是色彩分級:提出建議並預覽 — 一個灰色世界的「校正」會毀掉故意的日落或霓虹燈效果)。

查閱位置 — 僅讀取任務所需的檔案

任務請閱讀
resolve / reuse / adopt / ingest、標誌、級聯、清單references/resolve.md
色彩分級、LUT、智慧分級(--for)、分級比較references/grading.md
配音 / TTS、音樂、音效、字幕、逐字稿(音訊引擎)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 19 individual skills — each has its own dedicated page.

embedded-captions

>

faceless-explainer

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.

figma

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.

general-video

>

hyperframes

>

hyperframes-animation

All animation knowledge for HyperFrames — atomic motion rules, multi-phase scene blueprints, scene transitions, broader motion-design techniques, AND the seven runtime adapters (GSAP default, plus Lottie, Three.js, Anime.js, CSS keyframes, Web Animations API, TypeGPU). Use for any motion or animation task: pick 2-4 rules and compose, or load a blueprint, or look up runtime-specific API (e.g. GSAP eases / Lottie player / Three.js mixer). Also covers auditing an existing composition

hyperframes-audio

>

hyperframes-cli

>

hyperframes-core

The HyperFrames composition contract — build one renderable project. Use for composition structure, the `data-*` timing attributes, `class=

hyperframes-creative

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`.

hyperframes-keyframes

>

hyperframes-registry

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).

jasonfast123/hyperframes-skills

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.

motion-graphics

>

music-to-video

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.

pr-to-video

Turn a GitHub pull request (a PR URL, owner/repo#N, or

remotion-to-hyperframes

Port an existing Remotion (React) composition

slideshow

>

talking-head-recut

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

相關技能