Communitygithub.com

heygen-com/hyperframes

Agent Media OS,一個涵蓋 HyperFrames 專案所有媒體需求的單一技能。可解析 BGM、SFX、圖片、圖示、品牌標誌、語音、調色或 LUT 為凍結的本地檔案或可貼上的區塊 + 分類帳記錄(一個動詞:`resolve`);在目錄中找不到時,可透過 TTS / 音樂 / 圖片模型生成;透過共享音訊引擎製作旁白、轉錄、字幕和去背;對媒體進行操作(剪輯 / 重新取景 / 轉換);並跨專案重複使用資產。也用於處理模糊回饋,如真實畫面看起來太暗、平淡、無聊,或需要復古/手提攝影機/印刷/ASCII 風格、隱私保護,或媒體揭露。

hyperframes 是什麼?

`heygen-com/hyperframes` 中的 `media-use` 技能是一個專為 HyperFrames 專案設計的全能媒體作業系統。其核心在於一個統一的 `resolve` 動詞,可用於搜尋和解析各類媒體資產(如 BGM、音效、圖片、圖示、品牌標誌、語音和 LUT)為本地檔案或可貼上的程式碼區塊。當內建目錄中找不到所需資產時,該技能會透過 TTS、音樂和圖片生成模型動態創建。它還整合了統一的音訊引擎來處理旁白、轉錄、字幕生成和去背,並支援對現有媒體進行剪輯、重新取景和轉換等操作。此技能支援所有關鍵平台,如 Claude Code、Cline 和 Cursor,並透過維護完整的資產分類帳來實現跨專案重複使用。其獨特之處在於能主動掃描專案以識別媒體機會(例如為無旁白的腳本建議 TTS、為長時間無音樂的片段建議背景音樂),並使用一種結構化的、非侵入式的方法,一次性地提出具體且帶有預設選項的改進建議,從根本上減少上下文噪音並簡化媒體工作流程。

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

在你喜歡的 AI 中提問

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

說明文件

外掛安裝: 在執行設定或更新命令之前,當此技能位於 HyperFrames 外掛內時,請遵循外掛執行規則。獨立安裝則保留下方的更新說明。

media-use

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

首次執行:安裝並登入 heygen CLI(免費使用路徑),然後使用 npx hyperframes media-use resolve --doctor 進行驗證。設定和提供者:references/setup-providers.md。

解析 — 唯一動詞

npx hyperframes media-use resolve --type <type> --intent "<description>" --project <dir>

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

類型一行意圖
bgm背景音樂(HeyGen 目錄,超過 10,000 首曲目)
sfx音效(內建 19 個檔案庫 + 目錄)
image照片、背景(HeyGen 資產搜尋,超過 75,000 個向量)
icon圖示、符號(透明背景)
logo官方品牌標記(theSVG → GitHub 頭像 → favicon;絕不重新繪製)
voiceTTS 旁白(HeyGen 免費使用路徑;可選本地 Kokoro)
grade測量校色候選;廣泛之潤飾/風格化則遵循媒體處理指南
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 時才使用 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 進行檢查)
感覺視覺上平淡或離題的照片媒體一個特定的、符合來源的預設或自訂處理,並指定預期目標名稱
感覺靜態的、有意義的媒體進場/揭露一個受支援的、可安全尋找的處理動畫;除非請求也要求預設,否則保留顏色

使這成為幫助而非惱人提示的規則:有根據,非泛泛(無信號 → 無建議);有主見且具體(提議具體的修復方案並帶有預設選擇 — 人類批准全部 / 部分 / 無);每個專案一次(一次整合的詢問;尊重「保持原樣」);提出,絕不默默修改(尤其是調色:提議並預覽 — 一個灰階世界「修正」會毀掉刻意的日落或霓虹燈外觀)。

從何處查閱 — 只讀取你任務需要的檔案

任務閱讀檔案
解析 / 重複使用 / 採用 / 匯入、旗標、級聯、庫存清單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 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]

相關技能