一个订阅,解锁全部高级视频 Skill。随时取消。查看方案
Vael · 16:9

由此 Skill 渲染

Cuboid 立体卡片轮播 v1.0.0

一串带倒角的 3D 卡片随行进的波浪起伏,然后其中一张脱队而出,转向镜头定格。

暂无评分 0 次下载
格式
视频 · 16:9
时长
0:07

免费 注册账户即可免费使用

登录后下载

把这段话粘贴给你的 Agent。它会在需要时连接 CLI,然后安装 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 把你的卡片做成带倒角的立体块,配上真实的光照和阴影,放在一道行进的波浪上,再让一台手持感的镜头从旁边掠过。最后,你选定的主卡从队列里升起,翻滚着落下,正对镜头,作为收尾。

工作流程

  1. 提需求:告诉助手轮播写什么:每项内容一张卡,每张有一个分类、一个标题和两个标签,比如状态加日期,或者状态加价格。
  2. 搭建:它把模块放进一个 HyperFrames 项目,把你的文案和配色填成渲染变量。
  3. 预览:它先检查几帧,再用 npx hyperframes render 渲染出 1920×1080 的 MP4。
  4. 复用:变量都在一个 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 上运行它做出来的。

相关指南

How to make a feature highlight video for your app launchA launch video works best one feature at a time. How to give each feature its own short 3D moment with the free Orbit Card block.How to make a 3D card carousel video for a product dropCarousels are the native format for drops, lists and line-ups. How to turn a list into a lit 3D card wave with the free Cuboid Card Carousel block.How to make a motion graphics product video with an AI agentAI agents can now direct motion design, not just fill templates. What separates a showreel-grade piece from a template, and how to get one with the free Motion Reel Skill.

相似 Skill

查看全部