Communitygithub.com

Clairvoyant-fenestration570/product-launch-motion

使用 Claude、GSAP 和 HTML 從程式碼生成產品發布影片,以建立確定性、高品質的動畫序列。

product-launch-motion 是什麼?

此技能允許開發者和 AI 代理從結構化程式碼生成產品發布影片。它利用 Claude 理解產品細節,並使用 GSAP(GreenSock Animation Platform)建立複雜、確定性的網頁動畫,從而保證可重複、高品質的輸出。此方法避免了傳統影片編輯工具的隨機性和不可預測性,確保每次生成的影片一致且精確。該技能支援任何能夠執行 HTML 和 JavaScript 的環境,包括瀏覽器和伺服器端渲染工具。基本工作流程包括:使用 Claude 定義動畫序列、將其編碼為 GSAP 驅動的 HTML 文件,然後渲染為影片格式(如 MP4)。此技能特別適合需要自動化或可重複性的產品發布、行銷宣傳片和示範影片,為影片製作提供了一種程式化、可靠的替代方案。

相容平台✓Claude Code~Codex CLI~Cursor
npx skills add Clairvoyant-fenestration570/product-launch-motion

在你喜歡的 AI 中提問

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

說明文件

product-launch-motion 是做什麼的?

使用 Claude、GSAP 和 HTML 從程式碼生成產品發布影片,以建立確定性、高品質的動畫序列。

相關技能