Community程式設計與開發github.com

zening-cmd/product-demo-video

建立精美的產品展示影片,包含動態圖形動畫(HTML+GSAP)、AI 數位人主播(Seedance 2.0)、子母畫面合成與背景音樂。從 UI 截圖到最終 MP4 的一條龍流程。

product-demo-video 是什麼?

這項技能提供一條龍式的產品展示影片製作流程,從 UI 螢幕截圖直接產生專業級的 MP4 影片。它整合了多項技術:利用 HTML 與 GSAP 動畫函式庫製作流暢的動態圖形,並透過 Seedance 2.0 AI 數位人技術產生虛擬主播,還能將主播畫面以子母畫面方式疊加在產品操作錄影之上,同時自動嵌入背景音樂。對於需要快速產出高品質產品宣傳影片的開發者或行銷團隊特別有用,支援 Claude Code 等 AI 代理平台。這項技能涵蓋從素材捕捉、動畫設計、數位人合成到最終輸出的完整步驟,可大幅縮短傳統影片製作的工作時程。

相容平台~Claude Code~Codex CLI~Cursor
npx skills add zening-cmd/product-demo-video

Installed? Explore more 程式設計與開發 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

在你喜歡的 AI 中提問

開啟一個已預先載入此 Agent Skill 的新對話。

說明文件

product-demo-video 是做什麼的?

建立精美的產品展示影片,包含動態圖形動畫(HTML+GSAP)、AI 數位人主播(Seedance 2.0)、子母畫面合成與背景音樂。從 UI 截圖到最終 MP4 的一條龍流程。

來源:https://github.com/zening-cmd/product-demo-video

為 Awesome Skills Launch Video 任務探索而標記(2026-09-20 晚間)。

相關技能