Heygen Com技能

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

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

Import Figma content into a HyperFrames composition — rendered assets, brand tokens, components, storyboard sections → reconstructed motion (frames read as states, not slides) (REST/CLI), Figma Motion animations (MCP), and shaders (MCP source / 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.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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