✦ 工作室精選
Vael · 16:9
由此 Skill 渲染
一個免費的 HyperFrames 區塊，做簡短的內容輪播。最多十二張方塊卡片，每張有分類、標題和兩個小標籤，在打光的 3D 場景裡隨波浪移動；主角卡片脫隊、旋轉，最後正面朝向鏡頭。卡片用一個 JSON 變數設定，燈光、材質和鏡頭也都是變數。
更新於 2026年11月2日
你將得到
- 一支 6.7 秒、1920×1080 的 MP4，打光的 3D 卡片波浪
- 最多十二張卡片，來自同一份 JSON 清單
- 一張脫隊而出、停住收尾的主角卡
適合
- 新品上市和系列預告
- 產品路線圖、任務清單和功能清單
- 活動議程和陣容介紹
不適合
- 卡片上放照片（卡片只放文字）
- 長篇內容；每張卡只顯示幾個字
關於此 Skill
你只需說
/cuboid-carousel 幫我們的手提包新品做一個立體卡片輪播，共八張卡：分類「Vael Cerise」，標題像「Cherry leather tote」「Brass hardware」「Room for a laptop」，標籤放庫存和價格。最後停在「The Cerise tote is here」。
有分量的輪播。Cuboid Carousel 把你的卡片做成帶倒角的方塊，有真實的打光和陰影，放在前進的波浪上，再用手持感的鏡頭從旁掠過。最後你選的主角卡片從隊伍中升起、翻滾，落定時正面朝向鏡頭，作為收尾。
運作方式
- 提出需求：告訴助手輪播要寫什麼：每個項目一張卡，每張有分類、標題和兩個標籤，例如狀態和日期或價格。
- 建置：它把區塊放進一個 HyperFrames 專案，把你的文案和顏色填成算繪變數。
- 預覽：它檢查幾格畫面，再用
npx hyperframes render算繪出 1920×1080 的 MP4。 - 重複使用：變數都在同一個 JSON 檔裡，換標題或換品牌，再算繪一次就好。
小訣竅
- 卡片標題寫兩到五個字詞；卡面很小。
- 把你想收尾的那張卡設為主角卡。
- 暖色主光和底光最襯深色卡片；背景要比卡片暗。
- 6.7 秒長，在動態牆上循環播放剛好；要更長的版本，就連續算繪兩次。
開源
這是 HyperFrames registry 裡的一個區塊，由 HeyGen 和 HyperFrames 貢獻者製作（heygen-com/hyperframes），以 Apache License 2.0 開源。下載的是區塊和它的素材，可以直接算繪；HyperFrames 本身從 npm 執行。
開始前需要準備
- 你需提供
- 一份卡片清單：每張一個分類、一個短標題和兩個標籤。
- 依賴
- Node.js 22 或更新版本——必要 · FFmpeg——必要
- 外部費用
- 沒有。HyperFrames 免費開源，在你自己的電腦上算繪。
- 最近測試
- v1.0.0 —
使用者評價
還沒有評價。安裝這個 Skill，成為第一個評分的人。
常見問題
最多能放幾張卡？
一到十二張。用 JSON 清單傳進 cards 變數，再指定哪一張當主角。
能改方塊的外觀嗎？
能。尺寸、厚度、圓角半徑、倒角、本體顏色、粗糙度、金屬感和每一盞燈都是變數。
為什麼免費？
這是 HeyGen 和 HyperFrames 貢獻者做的開源 Skill。我們原樣上架，範例是用我們自家品牌 Vael 跑出來的。
