guizang-product-video-skill

歸藏的 product video skill 用大家產品裡真實的元件和設計語言，寫成軟體更新宣傳片。流程含分鏡文案、配樂、音效和渲染，Claude Code 與 Codex 都可以裝。輸入是這次改了什麼，輸出是一支沿用產品介面的更新片。適合功能上線時，不想用假畫面重畫整個產品。

執行環境：Claude Code、Codex

授權 AGPL-3.0。星數 927。最近推送 2026-10-09。快照日 2026-11-11。

這是什麼

歸藏的 product video skill 用產品倉庫裡真實的元件和設計語言，寫成軟體更新宣傳片。大家告訴它這次改了什麼，或要介紹整個產品，它會整理賣點、寫文案、接上元件、做動畫、配樂和音效。

怎麼運作

1. 從產品裡找出真正有的功能，再決定畫面怎麼做。同一套流程可以做出深色舞台、編輯器長鏡頭或控制台面板等不同的片子。
2. 預設是 45 到 60 秒、橫式、中文。直式要重排取景，不是把左右裁掉。
3. 音樂順序是：大家提供的曲子、本機能跑的生成模型、或用程式寫的配樂。程式配樂會留下編曲原始碼。
4. 輸出是成片，以及還能繼續改的工程。

適合誰

• 產品剛更新，想用自己的介面做一支宣傳片
• 希望畫面像產品，而不是通用模板
• 使用 Claude Code 或 Codex

安裝與執行環境

• 執行環境：Claude Code、Codex。可用 skills CLI 或手動安裝。
• 需要 Node.js 22 以上、Python 3.9 以上、ffmpeg 與 Playwright Chromium。畫面用 React、esbuild 和 GSAP。
• 內建瀏覽器管線不必另買影片服務。代理本身和大家另選的外部服務，依那些服務的規則計費。

優點

• React 產品有現成接法，特殊的 TypeScript 設定可以在影片工程裡放寬，不必改產品程式。
• 接不上的介面會照原始碼重建，並在證據裡逐項標明。
• 生成的影片不會只因為用了這個工具就變成 AGPL 作品。

限制與授權注意

• 工作流、文件、腳本和原創音訊是 AGPL-3.0。改寫後若透過網路提供這套系統，通常要公開對應原始碼。
• assets/fallback 裡改編自 CodePilot 的元件另適用 Business Source License 1.1。
• README 註明介紹影片不隨技能包分發，這頁只放倉庫裡的封面圖。