Heygen Com技能

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

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

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

Package an existing talking-head / interview / podcast video by layering timed, designed GRAPHIC OVERLAY cards onto the playing video — titles, lower-thirds, data callouts, quotes, side panels, picture-in-picture — synced to the transcript. The source video plays in full; the agent designs and writes each card's HTML in conversation, then renders to MP4 via hyperframes. Use when the user asks for graphic overlays, on-screen graphics / lower-thirds / data callouts / kinetic titles on a video,...

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). HyperFrames-native: single paused timeline, seek-safe,...

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

Asset preprocessing for HyperFrames compositions — multi-provider TTS (HeyGen / ElevenLabs / Kokoro local), multi-provider BGM (Google Lyria / local MusicGen), Whisper transcription, background removal, and caption authoring. Use for npx hyperframes tts, bgm, transcribe, remove-background, voice/provider selection, music-mood prompting, captions / subtitles / lyrics / karaoke / per-word styling.

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

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

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

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) 使用者希望...

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