Heygen Com技能

hyperframes/.agents/skills/captions-overlay

嵌入字幕工作流程的覆疊原則——字幕模型（置底／軌道／嵌入），以及字幕是合成在影片上方的覆疊層、絕非預留底部區域而將內容上移以避開的規則。在為談話性影片或發布影片添加字幕／副標題時載入，在決定某個片語應置底、沿逐字軌道而行、或提升為稀缺的嵌入高潮時載入，在編排將承載字幕的構圖時載入（切勿預留……

hyperframes/.agents/skills/changelog-video

將每週的 changelog .md 轉換為完成品牌化的 changelog 影片（方形 1080，約 45-60 秒，Annie 配音，動畫品牌背景，模擬 UI 視覺化，低調字幕）。當使用者提供 changelog/digest markdown 並想要每週影片，或說「changelog video」時使用。自包含——字型、背景、詞彙和腳本都隨此技能提供。

hyperframes/.agents/skills/cut-the-curve

技術目錄：五種速度匹配的SEAMS（穿越縮放、反向穿越縮放、切曲線、瀑布剪切、焦點模糊剪切），加上兩種場景內技術——瀑布入場（用於標題卡／段落開場的交錯到達級聯）以及微推曲線（慢-快-慢三階段群體滑動）。涵蓋透過鏡像power4緩動實現的部分行程（約畫面12%）速度匹配、Z軸縮放符號規則、尺寸縮放模糊（10px文字／18-20px全畫面）、逐字交錯……

hyperframes/skills/embedded-captions

為說話人頭影片添加字幕。一份包含32種視覺風格的目錄（CATALOG.md），基於兩種引擎：列式流（字幕合成至場景中——遮罩遮擋+混合模式；奶油/墨水/編輯/主題演講/紀錄片/鮮明/霓虹/故障/鉻/速度）與主題構成（錨點/軍械/終端/霓虹招牌/星塵/跺腳/記分板/轉運/VHS/街機/檔案/雷射/雷鳴/全息/生物光/極光/光譜/剪紙/彈窗/黑板/塗鴉/畫筆/水墨/勒索/末頁/夜城...

hyperframes/skills/faceless-explainer

faceless-explainer 影片工作流程 - 任意文字（文章/筆記/主題/簡報）-> narrator_scripts.json + 音訊（語音 + 背景音樂）+ section_plan.md -> 排版/抽象圖形/圖表/數據視覺化影片。典型長度約 3 分鐘以內（最佳長度約 30-90 秒）；真正較長的作品屬於 general-video，不適用此流程。會自行產生旁白（TTS）——不會與使用者提供或預先錄製的配音同步（那是 general-video）。不包含網站擷取、真實產品截圖....

hyperframes/skills/figma

將Figma內容匯入HyperFrames合成——渲染資產、品牌代幣、元件、故事板區段→重建動態（幀讀取為狀態，而非投影片）（REST/CLI）、Figma Motion動畫（MCP），以及著色器（MCP來源／原生匯出）。當使用者貼上figma.com連結，或要求將Figma設計、幀、標誌、品牌或動畫帶入影片／合成時使用。

hyperframes/skills/general-video

作為自訂 HyperFrames HTML 影片合成編寫的備用方案，適用於無專門工作流程可匹配的情況。涵蓋較長或多場景作品、品牌/宣傳短片、蒙太奇、標題卡、長篇動態海報、靜態循環，以及任意長度或格式的自由形式合成。不適用於行銷產品宣傳（product-launch-video）、一般網站轉影片擷取（website-to-video）、主題解說（faceless-explainer）、GitHub PR 影片（pr-to-video）、為現有素材加字幕等用途。

hyperframes/skills/graphic-overlays

將現有的談話頭／訪談／播客影片封裝，透過在播放中的影片上疊加定時、設計好的圖形疊加卡——包括標題、下方三分之一處資訊、數據標註、引言、側邊面板、子母畫面——並與逐字稿同步。原始影片完整播放；代理程式在對話中設計並撰寫每張卡的HTML，然後透過hyperframes渲染為MP4。當使用者要求為影片添加圖形疊加、螢幕圖形／下方三分之一處資訊／數據標註／動態標題時使用。

hyperframes/skills/hyperframes

對於任何製作、創作、編輯、動畫或渲染影片、動畫或動態圖形的請求——包括宣傳片、解說片、附字幕片段、標題卡、疊加層或任何合成作品——請先閱讀此說明。HyperFrames 透過 HTML 渲染影片；這是入門技能，也是代理創作或編輯影片的預設方式。它會將請求導向正確的專業工作流程，並指向 HyperFrames 領域技能，因此在猜測工作流程之前，請先閱讀此說明，而非其他影片或動畫技能。

hyperframes/skills/hyperframes-animation

HyperFrames 的所有動畫知識——原子運動規則、多階段場景藍圖、場景轉場、更廣泛的動態設計技術，以及七個運行時適配器（預設 GSAP，加上 Lottie、Three.js、Anime.js、CSS 關鍵影格、Web Animations API、TypeGPU）。適用於任何動態或動畫任務：選取 2-4 條規則並組合，或載入藍圖，或查詢特定運行時 API（例如 GSAP 緩動函數 / Lottie 播放器 / Three.js 混合器）。HyperFrames 原生功能：單一暫停時間軸、安全搜尋、...

hyperframes/skills/hyperframes-audio

Use when audio already placed in a HyperFrames composition needs to be mixed: a music bed that fights a voiceover (voiceover carve), effects on a track (EQ, compressor, limiter, gate, saturation, delay, reverb, chorus, phaser, bitcrush), or automation envelopes drawn on a track's volume or any effect parameter. Don't use for sourcing or generating audio — finding BGM, SFX, or making a voiceover is `/media-use`. Don't use for clip timing or track layout, which is `/hyperframes-core`.

hyperframes/skills/hyperframes-cli

HyperFrames CLI dev loop — `npx hyperframes` for scaffolding (init), validation (lint, inspect), preview, render, and environment troubleshooting (doctor, browser, info, upgrade). Use when running any of these commands or troubleshooting the HyperFrames build/render environment. For asset preprocessing commands (`tts`, `transcribe`, `remove-background`), invoke the `hyperframes-media` skill instead.

hyperframes/skills/hyperframes-core

HyperFrames HTML 組合合約。用於組合結構、資料屬性、片段、軌道、子組合、變數、媒體播放、確定性渲染規則，以及最小可渲染專案的驗證。

hyperframes/skills/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/skills/hyperframes-keyframes

Use when a HyperFrames composition needs seek-safe 2D/3D keyframes, GSAP timelines, CSS keyframes, Anime.js, WAAPI, FLIP, paths, masks, SVG morph/draw, text trails, 3D depth, or `hyperframes keyframes` diagnostics. Don't use for broad scene strategy, brand design, media sourcing, captions, or general video planning.

hyperframes/skills/hyperframes-media

HyperFrames 組合的資產預處理 — 多供應商 TTS（HeyGen / ElevenLabs / Kokoro 本地）、多供應商 BGM（Google Lyria / 本地 MusicGen）、Whisper 轉錄、背景移除及字幕編寫。用於 npx hyperframes tts、bgm、transcribe、remove-background、語音/供應商選擇、音樂情緒提示、字幕/副標題/歌詞/卡拉OK/逐字樣式設定。

hyperframes/skills/hyperframes-read-first

任何製作、創作、生成、編輯、動畫化或渲染影片、動畫、動態圖像、解說影片、標題卡、疊加層、字幕影片、產品宣傳片、網站影片、公關或更新日誌影片、數據蒙太奇、動態海報或HyperFrames HTML組合的請求，請從此處開始。當用戶希望HyperFrames創作或渲染完成的MP4/網路影片、選擇工作流程，或在產品發布影片、無臉解說影片、網站轉影片等之間進行路由時，請在其他影片或動畫技能之前使用此功能。

hyperframes/skills/hyperframes-registry

安裝並將註冊區塊與元件接入 HyperFrames 組合中。適用於執行 hyperframes add、安裝區塊或元件、將已安裝項目接入 index.html，或處理 hyperframes.json 時使用。涵蓋 add 指令、安裝位置、區塊子組合接入、元件片段合併、註冊表探索，以及編寫新區塊或元件以向上游貢獻（構想 → 骨架 → 驗證 → PR）。

hyperframes/skills/media-use

Agent Media OS — 將任何媒體需求（BGM、SFX、圖片、圖

hyperframes/.agents/skills/motion-doctrine

GATEWAY — 在構建任何HyperFrames動畫或影片之前，務必先載入。這條高階運動法則讓多場景影片感覺像是一鏡到底的連續鏡頭，而非一堆獨立動畫幻燈片的堆疊。涵蓋向量法則（如何退出決定如何進入，包括Z軸縮放符號規則）、影片的流動、載體元素、因果運動、接縫閘門（構建-閘門強制執行）、禁止閒置搖擺（運動必須執行，而非呼吸）、高潮前的靜止，以及……

hyperframes/skills/motion-graphics

當使用者需要一段簡短、以設計為主的動態圖像，且動態本身即為訊息時使用：動態字體排版、數字或統計數據累計、圖表/數據視覺化呈現、標誌片頭、品牌組合、下方標題、提示框、社群疊加層、動態標題/推文/新聞項目、動態海報，或快速捕捉的頁面重點。通常長度在10秒以內，最長約30秒，無敘事弧線、旁白或真人拍攝主體。可輸出為MP4或透明疊加層。不適用於較長、多場景、有旁白或品牌展示影片等類型。

hyperframes/skills/music-to-video

當使用者有一段音樂（音訊檔案，或可從中提取音訊的影片），並希望生成一部與節拍同步的 HyperFrames 影片，風格從平靜到強烈皆可。音樂主導一切：一個分析器一次性讀取音樂，編排器規劃畫面並填充每個畫面的計畫，再由一個子代理構建每個畫面。排版與模板是基礎——一部完整的影片無需任何素材即可生成——但使用者提供的任何圖片或影片，都會在同一節拍網格上被剪入畫面中（節拍剪輯 /...

hyperframes/.agents/skills/oversized-cursor

HyperFrames 發佈影片中使用的居家風格超大 macOS 游標技法。每當場景涉及游標或指標引導動作時、啟動 UI 場景時、以點擊觸發變形／轉場／打字流程時，或當場景顯得靜態、呆滯或過時而需要低成本高產出的動態來源來引導觀眾視線並將他們從呆滯狀態中帶出時，請載入此技法。涵蓋游標尺寸／外觀（包括品牌主題游標）、螢幕外進場法則、尖端對準以及點擊……

hyperframes/skills/pr-to-video

pr-to-video 工作流程 - 一個 GitHub 拉取請求（網址格式如 github.com/ / /pull/ 、或 / # 、或在已檢出儲存庫中的「this PR」）-> 擷取 PR 資訊（標題、內容、差異、提交、檔案、增減統計）-> narrator_scripts.json + 音訊（語音 + 背景音樂）+ section_plan.md -> 程式碼差異 / 前後對比 / 影響說明影片。輸入內容為程式碼變更。該網址為 PR 連結，非行銷網站（無需爬取）；非文字摘要，亦非產品網站。若輸入非 PR 內容（產品網站、一般網站、主題文字），...

hyperframes/skills/product-launch-video

當使用者需要產品發布、SaaS推廣、功能揭露、應用程式/公司/網站行銷影片，或將腳本/簡報轉為產品導向影片時使用。觸發詞包括：X的發布影片、我們網站的推廣、一分鐘解釋我的SaaS、X.com的功能揭露、將此腳本轉為60秒推廣。可能使用產品/行銷網址進行品牌擷取，或從簡報/腳本進入無擷取模式。不適用於無產品或網址的主題解說（無臉解說）、GitHub PR/程式碼變更...

hyperframes/skills/remotion-to-hyperframes

將現有的 Remotion（基於 React 的影片組合）轉換為 HyperFrames HTML 組合。僅在使用者明確要求將 Remotion 組合移植、轉換、遷移、翻譯或改寫為 HyperFrames 時使用（例如「將我的 Remotion 專案移植到 HyperFrames」）。請勿在以下情況使用：(a) 創作全新的 HyperFrames 組合（即使正在 A/B 測試 Remotion 影片）；(b) 僅提及 Remotion；(c) Remotion 程式碼僅作為參考分享，而非用於轉換；(d) 使用者希望...

hyperframes/.agents/skills/seam-craft

HyperFrames 啟動影片中場景間接縫的渲染正確性原則——使轉場在主時間軸上正確合成的先決條件。在組裝主時間軸 / index.html 時、當剪輯或交叉淡化接縫處出現白色閃爍（尤其是在暗色影片上）時、在推理轉場不透明度下降為何顯露時，或在驗證重疊場景包裝器如何混合的渲染端機制時載入。涵蓋不透明舞台背景（#root...

hyperframes/skills/slideshow

撰寫 HyperFrames 投影片組合 — 一份簡報、提案簡報或互動式投影片，包含獨立投影片、片段揭示、分支序列及熱點導航。當使用者要求製作簡報、提案簡報、投影片組、互動式投影片或可能為投影片的頁面轉投影片時，作為意圖確認；若使用者未明確要求投影片，請在製作前先確認。

hyperframes/skills/talking-head-recut

將現有的談話性頭像／訪談／播客影片，透過在播放中的影片上疊加定時、設計好的圖形覆蓋卡片——標題、下方三分之一處資訊、數據提示、引言、側邊面板、子母畫面——並與逐字稿同步。原始影片完整播放；代理程式在對話中設計並撰寫每張卡片的HTML，然後透過hyperframes渲染為MP4。當使用者要求圖形覆蓋、螢幕圖形／下方三分之一處資訊／數據提示／動態標題等應用於影片時使用。

hyperframes/skills/website-to-video

擷取一般網站/URL，並將其轉換為 HyperFrames 影片（網站導覽、展示，或從網站自身視覺素材製作的社群短片）。使用無頭 Chrome 截圖與品牌素材。適用於一般意圖——作品集/部落格/登陸頁面展示，或從網站擷取素材製作社群短片。不適用於：產品/SaaS 上市或宣傳（即使有 URL，請使用 → /product-launch-video）；無網站的議題解說（請使用 → /faceless-explainer）；GitHub PR（請使用 → /pr-to-video）；為現有影片添加字幕（請使用 →...