前言¶

DSH（DeepSeek Harness）強調「一切皆插件」。對智能體開發者來說，如果希望 agent 能基於 HTML 生成、修改或整理視頻，關鍵是把可用的視頻技能接進來，而不是在應用裏重寫一套渲染流程。dsh-hyperframes 解決的就是這一步：安裝後，把 HyperFrames by HeyGen 官方 20 個技能註冊進 DSH，讓對話、命令行和工程化操作可以圍繞同一套 HTML 視頻技能展開。

這是什麼¶

dsh-hyperframes 是一個 DSH 視頻創作技能插件，倉庫爲 STARDUSTLC666/dsh-hyperframes。它把 HyperFrames by HeyGen 的技能同步到 DSH，按 README 清單覆蓋 20 個技能：

hyperframes
hyperframes-core
hyperframes-animation
hyperframes-audio
hyperframes-keyframes
hyperframes-creative
hyperframes-cli
hyperframes-registry
embedded-captions
faceless-explainer
figma
general-video
media-use
motion-graphics
music-to-video
pr-to-video
product-launch-video
remotion-to-hyperframes
slideshow
talking-head-recut

這些技能同步自官方倉庫 heygen-com/hyperframes v0.8.20（2026-08-31）。舊版五件套中的 gsap、website-to-hyperframes 已被上游合併進新技能體系。需要注意的是，package.json 描述字段仍寫“五件套”，與 README 的 20 技能清單表述存在差異。

核心功能¶

下面介紹已覈實的技能覆蓋範圍。

hyperframes¶

覆蓋 HTML 視頻合成總綱，包括視覺風格、調色板、字幕、音頻響應、轉場。

核心與動畫¶

• hyperframes-core：核心概念與組件模型。
• hyperframes-animation：動畫適配，包括 GSAP、Anime.js、Lottie、Three.js、WAAPI。
• hyperframes-keyframes：關鍵幀動畫。

音頻、字幕與創意¶

• hyperframes-audio：配音、音頻響應視覺。
• embedded-captions：內嵌字幕。
• hyperframes-creative：創意模板與風格。
• motion-graphics：動態圖形。

命令行與註冊表¶

• hyperframes-cli：npx hyperframes 命令行，覆蓋 init/lint/inspect/preview/render/transcribe/tts/doctor。
• hyperframes-registry：hyperframes add 註冊表組件安裝與接線。

場景化視頻技能¶

• faceless-explainer：無臉講解視頻。
• figma：Figma 素材接入。
• general-video：通用視頻製作。
• media-use：媒體素材使用規範。
• music-to-video：音樂驅動視頻。
• pr-to-video：PR 轉視頻。
• product-launch-video：產品發佈視頻。
• remotion-to-hyperframes：Remotion 項目遷移。
• slideshow：幻燈片視頻。
• talking-head-recut：口播重剪。

安裝與啓用¶

先安裝插件：

dsh plugin --profile web add dsh-hyperframes

安裝後重啓，然後在對話裏描述任務即可觸發，例如：

把這個網址做成 HyperFrames 視頻

使用 npx hyperframes 時，已覈實的環境依賴爲：

Node.js ≥ 22 + FFmpeg

卸載¶

卸載命令爲：

dsh plugin --profile web remove dsh-hyperframes

卸載後重啓 Web 服務。如需徹底清理，可再手動刪除自己 profile cordis.patch.yml 中覆蓋的插件行。

典型用法¶

經過上面的安裝步驟，常見使用路徑有三類。

1、在 DSH 對話中給出目標，例如「把這個網址做成 HyperFrames 視頻」。

2、使用 npx hyperframes 做工程化操作，包括 init/lint/inspect/preview/render/transcribe/tts/doctor。

3、使用 hyperframes add 安裝並接線註冊表組件。

如果需要在 DSH 之外複用，可以把 skills/ 下的目錄複製到其他 agent 的技能目錄：

適用場景與注意¶

適合以下場景：

• 希望 DSH 能使用 HyperFrames by HeyGen 的 HTML 視頻技能。
• 需要把同一套技能擴展到 Claude Code、Cursor、Gemini CLI、OpenAI Codex。
• 需要從 Remotion 項目遷移到 HyperFrames。

使用前注意：

• 插件以當前 dsh 進程權限運行，安裝前應檢查源碼、依賴和許可證。
• 許可證爲 MIT（移植編排）；技能內容版權歸 HeyGen。
• 在 @deepseek-ai/dsh@0.1.2-alpha.2 上驗證（2026-08-31）。
• 遵循 cordis 組合包補丁模型（cordis.patch.yml + dsh.bundle.patch），運行時不 import 任何 @deepseek-ai/* 內部模塊。
• package.json 描述與 README 技能清單存在表述差異，閱讀安裝文檔時以實際安裝命令和當前 README 爲準。

資源¶

GitHub 倉庫：

https://github.com/STARDUSTLC666/dsh-hyperframes

插件線索給出的目錄頁：

https://www.skillhub.cn/plugins/STARDUSTLC666/dsh-hyperframes