免費
Solenne · 16:9
由此 Skill 渲染
一個免費的 HyperFrames 區塊，把一項產品功能變成一個 3D 亮點。一張深色卡片挖出圓形窗口，框住一顆點狀球體；卡片從右邊進場、漂浮、繞球體轉一整圈，再從左邊離場，鏡頭運動從 Blender 匯出。功能標題、說明、強調色和環繞角度都是變數。
更新於 2026年11月2日
你將得到
- 一支 10 秒、1920×1080 的 MP4，帶一張 3D 功能卡
- 從 Blender 匯出的鏡頭運動，逐格精準播放
- 標題、說明、強調色和環繞角度都有變數可調
適合
- App 和 SaaS 發表中的功能亮點
- 更新日誌和版本說明短片
- 產品導覽中的穿插片段
不適合
- 一張卡放好幾項功能
- 真實的 App 截圖（它顯示文字，不是介面）
關於此 Skill
你只需說
/orbit-card 幫我們智慧家居 App 的新功能做一張環繞卡：標題「Evening wind-down」，說明「Lights dim, blinds close and the heat drops at sunset.」，強調色 #E8735A。
每一項功能都值得獨立登場。Orbit Card 把一項功能放在一張卡片上：一個標題、一句說明、一條強調線，圍著一個圓形窗口，窗口裡是一顆旋轉的點狀球體。鏡頭路徑來自 Blender 綁定，所以進場、漂浮、整圈環繞和離場都像實拍，而不是手動 K 出來的動畫。
運作方式
- 提出需求：告訴助手卡片要寫什麼：功能標題、一句說明和一個強調色。
- 建置：它把區塊放進一個 HyperFrames 專案，把你的文案和顏色填成算繪變數。
- 預覽：它檢查幾格畫面，再用
npx hyperframes render算繪出 1920×1080 的 MP4。 - 重複使用：變數都在同一個 JSON 檔裡，換標題或換品牌，再算繪一次就好。
小訣竅
- 一張卡只放一項功能。要做功能清單，就每項功能算繪一次，再剪在一起。
- 說明控制在十二個英文字以內；它在卡片上字很小。
- 從品牌色票挑一個強調色，它會染在線條和球體光暈上。
- 環繞角度設 180° 轉得更快，設 720° 更炫。
開源
這是 HyperFrames registry 裡的一個區塊，由 HeyGen 和 HyperFrames 貢獻者製作（heygen-com/hyperframes），以 Apache License 2.0 開源。下載的是區塊和它的素材，可以直接算繪；HyperFrames 本身從 npm 執行。
開始前需要準備
- 你需提供
- 一個功能名稱、一句簡短說明和你的強調色。
- 依賴
- Node.js 22 或更新版本——必要 · FFmpeg——必要
- 外部費用
- 沒有。HyperFrames 免費開源，在你自己的電腦上算繪。
- 最近測試
- v1.0.0 —
使用者評價
還沒有評價。安裝這個 Skill，成為第一個評分的人。
常見問題
卡片上能放截圖嗎？
預設不行：卡片只在球體周圍放一個標題和一句話。助手可以改 HTML 加上圖片，但這個區塊是為短文字設計的。
怎麼做功能清單？
每項功能用不同變數算繪一次，再把片段剪在一起；每段開頭和結尾都是空畫面，接起來很乾淨。
為什麼免費？
這是 HeyGen 和 HyperFrames 貢獻者做的開源 Skill。我們原樣上架，範例是用我們自家品牌 Solenne 跑出來的。
