
由此 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 模块库里的一个模块。由 HeyGen 和 HyperFrames 贡献者制作(heygen-com/hyperframes),以 Apache License 2.0 开源。下载的是带全部素材、可直接渲染的模块;HyperFrames 本身从 npm 运行。
开始前需要准备
- 你需提供
- 一份卡片清单:每张一个分类、一个简短标题和两个标签。
- 依赖
- Node.js 22 或更高版本——必需 · FFmpeg——必需
- 外部费用
- 没有。HyperFrames 免费开源,在你自己的电脑上渲染。
- 最近测试
- v1.0.0 —
用户评价
还没有评价。安装这个 Skill,成为第一个评分的人。
常见问题
最多能放几张卡?
一到十二张。在 cards 变量里传一个 JSON 列表,再指定哪一张当主卡。
能改卡片的外观吗?
能。尺寸、厚度、圆角、倒角、主体颜色、粗糙度、金属度和每一盏灯都是变量。
为什么免费?
这是 HeyGen 和 HyperFrames 贡献者做的开源 Skill。我们原样上架,样片是在我们自家品牌 Vael 上运行它做出来的。






