product-launch-video skill 是什麼、怎麼安裝使用：給一個網址，讓智能體做出產品發佈影片（HyperFrames）

本文根據 heygen-com/hyperframes 倉庫裏該技能的 SKILL.md 與倉庫 README 整理，資料核對於 2026-10-11。skills.sh 榜單當日顯示該技能累計安裝約 42.3 萬次；所在倉庫 heygen-com/hyperframes 在 GitHub 約 6.0 萬 Star（同日數據）。技能內容會隨倉庫更新，以倉庫為準。

這個 Skill 做什麼

HyperFrames 用 HTML 寫影片，這個技能負責「產品宣傳片」這一種片型的完整生產線。description：把產品或營銷網址、粘貼的腳本或簡報變成產品發佈 / 宣傳影片——SaaS 宣傳、功能亮相、產品演示、應用和公司發佈；用戶想推廣、發佈或展示一個產品時使用，是任何商業網址的預設去向，網站導覽也歸它。

SKILL.md 把智能體設定為「總導演」，在 videos/ 下的項目目錄裏按步驟推進，每步過了檢查才能進下一步：

1. 準備：讀入口技能 /hyperframes 寫好的 BRIEF.md，建項目；
2. 採集素材：給了網址就運行 npx hyperframes capture 抓取頁面截圖、文字和品牌信號；給的是腳本就原樣存下；
3. 設計系統：從採集結果定顏色、字體和版式；
4. 分鏡與腳本：寫 STORYBOARD.md 和旁白稿，這一步等你確認；
5. 音頻：後台生成旁白、逐詞時間軸和背景音樂；
6. 畫面設計與逐幀構建：每一幀派一個子智能體去寫 HTML；
7. 收尾：加轉場、跑檢查、給你預覽，批准後渲染成 MP4。

目錄裏有三十多個文件：剪輯手法目錄、動效語言、敘事設計、視覺設計四份參考，以及組裝、音頻、字幕、逐幀打包等腳本。

怎麼安裝

product-launch-video 是 HyperFrames 技能包裏的一個創作流程，不建議單獨裝：它要調用同包裏的 CLI、動畫、媒體等領域技能。Claude Code 用插件（命令來自倉庫 README）：

bash
claude plugin marketplace add heygen-com/hyperframes
claude plugin install hyperframes@hyperframes

其他智能體用 npx skills add heygen-com/hyperframes，README 說在選擇器裏只勾「Core Skills」一組即可，路由技能 /hyperframes 會在需要時把 product-launch-video 這類流程按需裝上。渲染需要本機有 Node、Chrome 和 FFmpeg。

倉庫整體介紹和其他安裝方式，詳見本站《HyperFrames 是什麼、怎麼安裝使用：HeyGen 開源的「寫 HTML、出影片」框架與 Agent Skills》。

怎麼用

• 「給 https://example.com 做一支 30 秒的產品發佈影片，豎版」。
• 「這是我們新功能的介紹文案，按原文做旁白，做成 45 秒的功能亮相片」。
• 「把官網做成一段網站導覽，按頁面原樣展示，不要旁白」。

不確定該走哪條流程時直接說需求，由 /hyperframes 分流。

適合誰 / 侷限

適合沒有影片團隊、想快速出一版發佈影片的獨立開發者和小公司。侷限：畫面來自網頁截圖加動態排版，不是實拍也不是文生影片；流程長、要派多個子智能體，耗時和用量都不低；成片仍然需要人把關節奏與文案。

注意事項

• 許可：Apache-2.0。
• 會聯網抓取你給的網址，只對你有權使用的網站和素材這樣做。
• 旁白與配樂：預設走 HeyGen 的音頻接口，需要 HeyGen 帳號憑據（存在 ~/.heygen），費用與條款以 HeyGen 官網為準；SKILL.md 提到也可以換成本地語音引擎 Kokoro，或在分鏡裏寫 music: none 做無配樂版本。
• 技能開頭會建議運行 npx hyperframes skills update product-launch-video 保持最新，執行前會先問你。