免費
Solenne · 16:9
由此 Skill 渲染
一個開源 Skill，像頂尖動效設計師一樣導演發表片。一個元素從按鈕變成滑桿、開關、圖表，全程不切鏡；游標驅動每一次變化，數字在滾動計數器上翻動，每一次點擊和轉場聲都落在音樂的節拍上。AI 助手寫故事、用 HTML 搭建影片、以 60fps 加動態模糊算繪，交給你一支 MP4。
更新於 2026年11月2日
你將得到
- 一支完整發表片，H.264 MP4，1920×1080，60fps，帶動態模糊
- 一個 HTML 影片，每一格都是時間的函數，可以直接修改
- 每拍一格的總覽圖，以及每秒一格的故事板
- 合成音效與你的音樂依節拍混好
適合
- App、SaaS 和網站發表
- 功能上線和產品更新
- 品牌片頭和 UI 動效短片
不適合
- 真人出鏡或實拍影片
- 帶旁白腳本的講解影片
關於此 Skill
你只需說
/product-launch-motion 幫我在 localhost:3000 的 App 做一支 30 秒發表片。一個形狀全程不切鏡：卡片變成滑桿、開關、狀態膠囊和資料面板。用這首 120 BPM 的曲子，讓註冊人數落在高潮上。
把你的網站或 App 交給 AI 助手。它從你的客戶痛點出發想好故事，然後導演一支發表片：標題一個詞一個詞落下，一句需求被打出來，接著由一個形狀承載整段示範，在游標的點擊和拖曳下，從卡片變成滑桿、開關、狀態膠囊和資料面板。鏡頭推近，讓每個狀態都佔滿畫面，再拉遠展現規模，最後你的數字滾動上漲，logo 正好落在音樂的高潮上。
運作方式
- 先定導演方案：AI 助手讀懂你的產品，寫一份簡短的創意方案：故事和高潮、品牌呈現、音樂，以及逐拍的分鏡表。創意上的決定由它自己拍板，並逐條列出，你一句話就能推翻任何一條。
- 音樂優先：用 numpy 測出歌曲的節拍網格，每個場景都依它卡時間，每一拍都有動作，最重要的時刻落在高潮上。
- 一個 HTML 影片：每一格都由時間計算出來：閉式彈簧動畫、開關和分頁的前後緣拉伸、帶模糊的內容切換、會傾斜、按壓、出漣漪的游標，以及呈現你數據的滾動計數器。
- 聲音：介面音效全部從零合成，每個聲音都以自己的峰值對齊到節拍上。
- 檢查與算繪：每拍一張靜格拼成總覽圖，修正問題，然後用 Playwright 每格算繪 4 個子格，再由 FFmpeg 融合成真實的動態模糊，輸出 60fps。
小提醒
- 帶一首 120 BPM 左右、有鋪陳和高潮的免版稅音樂，或讓助手去找。
- 列出你希望形狀變成的 8 到 12 個狀態，或直接說「你來決定」。
- 給它真實的數字；大數字保持真實，它會告訴你哪些細節是虛構的。
- 用 Claude Opus 5.5 效果最好，高級感就藏在細節裡。
開源
Product Launch Motion 由 Muhammad Abubakr 製作（AbubakrChan/product-launch-motion），以 MIT 授權開源。下載的是 GitHub 上發布的 Skill，不含作者為 Cheerful 製作的樣片。
開始前需要準備
- 你需提供
- 你的網站或 App、想講的故事或要展示的狀態、真實數據和 logo，可選：一首 120 BPM 左右的免版稅音樂。
- 依賴
- Node.js 20 或更新版本——必要 · Playwright Chromium——必要 · FFmpeg——必要 · Python 3.9 或更新版本——必要
- 外部費用
- 無。影片在你的電腦上搭建和算繪，音效是合成的，不需要 API 金鑰或付費服務。
- 最近測試
- v1.0.0 —
使用者評價
還沒有評價。安裝這個 Skill，成為第一個評分的人。
常見問題
「一個形狀，全程不切鏡」是什麼意思？
整段示範只有一個元素，它不斷改變大小、圓角和顏色，內容用短暫的模糊切換。按鈕變成載入圈、滑桿、開關和圖表，觀眾的視線始終不會迷路。
一定要有音樂嗎？
配一首 120 BPM 左右、有鋪陳和高潮的免版稅音樂效果最好。你可以自己帶，也可以讓助手去找，並圍繞你的關鍵時刻安排鋪陳和高潮。
算繪完還能改嗎？
可以。整支影片是一個 HTML 檔，每一格都由時間算出，文案、顏色、節奏甚至整個場景都能改，改完重新算繪即可。
為什麼免費？
Product Launch Motion 是 Muhammad Abubakr 的開源 Skill。我們原樣上架，樣片是在我們自家的智慧家居 App Solenne 上執行它做出來的。
