✦ 工作室精選
Vael · 16:9
由此 Skill 渲染
一個免費 Skill，以作品集水準執導 HyperFrames 動態設計影片。從一個主題和你提供的任何素材出發，它構思視覺、文案、字體、時間軸和聲音，再以 120 BPM 的節拍格做動畫，運用過衝回彈、遮罩、視差、運鏡和粒子，算繪成 1920×1080 的 MP4。
更新於 2026年11月2日
你將得到
- 一支 15 秒、1920×1080 的動態設計 MP4
- 完整的設計流程：視覺、文案、字體和對拍時間軸
- 一個可以編輯、重新算繪的 HyperFrames 專案
適合
- 產品和系列預告
- 品牌作品集和代理商作品展示
- 要讓人停下滑動的發表貼文
不適合
- 真人說話或訪談影片
- 沒有創意空間的嚴格品牌模板
關於此 Skill
你只需說
/hyperframes-motion-reel 幫我們的手提包 Vael Cerise 托特包（$420、小牛皮、實心黃銅）做一支 15 秒動態短片：bag.png 是去背圖。時裝週氛圍，酒紅和奶油白。
不是模板，是導演。Motion Reel 要求助手把每支影片都當成動態設計師作品集裡最精彩的一段。它把一個簡短主題擴展成一個世界、一組配色、字體和故事，再用 HyperFrames 搭配 GSAP、SVG 和 canvas 建置，每個剪接點和衝擊都對齊節拍格，並帶動態模糊算繪。
運作方式
- 簡報：給它一個主題和任何素材（產品去背圖、logo、旁白）；簡短也沒關係。
- 執導：它補齊視覺、文案、配色、字體和分場規劃，除非你另外指定，否則長度 15 秒、節奏 120 BPM。
- 建置：它寫出一個 HyperFrames 專案，用暫停狀態的 GSAP 時間軸編排動作，粒子和網格則用純時間函式驅動。
- 聲音：它把重擊音、咻聲和音樂放在節拍格上。
- 算繪：它從實際 MP4 檢查高潮畫格，修好不對的地方，再交回影片。
小訣竅
- 邊緣乾淨的產品去背圖，讓它最有發揮空間。
- 說一種氛圍（「fashion week」「arcade」「calm and premium」），而不是列出效果。
- 要 9:16 或 1:1 就直接說，它會重排版面，而不是裁切。
- 全部都能免費商用：HyperFrames、GSAP 和純 HTML，不需要付費授權。
開源
Motion Reel 由 Sunwood AI Labs 製作（Sunwood-ai-labs/hyperframes-motion-reel-skill），以 MIT License 開源。原版以日文撰寫；這份下載是 Reelity 翻譯的英文版。
開始前需要準備
- 你需提供
- 一個主題和你手邊的任何素材：產品去背圖、logo、旁白或配樂。
- 依賴
- Node.js 22 或更新版本——必要 · FFmpeg——必要
- 外部費用
- 沒有。HyperFrames 免費開源，在你自己的電腦上算繪。
- 最近測試
- v1.0.0 —
使用者評價
還沒有評價。安裝這個 Skill，成為第一個評分的人。
常見問題
它和模板有什麼不同？
它每次都依你的主題寫出全新的作品，所以兩個產品永遠不會拿到同一支影片。它遵循的規則（節拍格、過衝回彈、遮罩、不用單純淡入淡出）讓品質維持一致。
能用我自己有版權的音樂嗎？
能。把曲子給它，它會依節拍安排剪接點和重擊。
為什麼免費？
這是 Sunwood AI Labs 做的開源 Skill。我們原樣上架，範例是用我們自家品牌 Vael 跑出來的。
