
由此 Skill 渲染
一个免费的 HyperFrames 模块,专做 5 秒的「里面有什么」镜头。四块等轴测板依次升起分开,每层带一个编号标签和各自的图示,停留片刻,再收拢回一叠。标题、四个层名、强调色和背景色都是变量。
更新于 2026年11月3日
你将得到
- 一支 5 秒、1920×1080 的 MP4
- 四个带标签的等轴测层,炸开后再叠回
- 标题、层名和两种颜色都可用变量调整
适合
- 「里面有什么」的产品镜头
- 架构图和系统示意图
- 功能讲解和新手引导
不适合
- 展示真实产品各层的照片
- 超过四层
关于此 Skill
/exploded-stack 做一支分层爆炸图,标题「Inside the Halden Solace」,四层分别是 Knit upper、Foam midsole、Carbon plate 和 Grip outsole。强调色 #E2552B,暖米白背景。
展示一样东西由什么构成,最能快速建立信任。Exploded Layer Stack 把产品或系统拆成四个带标签的层,再拼回去,只用五秒。它原本为软件架构而做,用在一双鞋、一张床垫、一套护肤流程或一份价格方案上也同样合适。
工作流程
- 提需求:告诉助手一个标题和从上到下的四个层名,再加一个强调色。
- 填写:它把你的文案和配色写进模块变量,文字长度尽量贴近版式原本的设计。
- 渲染:它先用
npx hyperframes render渲染一版草稿,检查几帧,再渲染最终的 MP4。 - 复用:变量都在一个小小的 JSON 文件里,下一个版本再渲染一次就行。
小贴士
- 每个层名用两三个词。
- 按产品真实的构造顺序,从上往下排。
- 强调色用你的品牌色,它会点亮当前这一层。
- 放进一支较长的讲解视频里,当作「工作原理」那一段。
开源
这是 HyperFrames 模块库里的一个模块。由 HeyGen 和 HyperFrames 贡献者制作(heygen-com/hyperframes),以 Apache License 2.0 开源。下载的是带全部素材的模块,外加一份 Reelity 编写的 SKILL.md,让你的助手知道怎么填写和渲染;HyperFrames 本身从 npm 运行。
开始前需要准备
- 你需提供
- 一个标题、四个层名和一个强调色。
- 依赖
- Node.js 22 或更高版本——必需 · FFmpeg——必需
- 外部费用
- 没有。HyperFrames 免费开源,在你自己的电脑上渲染。
- 最近测试
- v1.0.0 —
用户评价
还没有评价。安装这个 Skill,成为第一个评分的人。
常见问题
能用超过四层吗?
模块是四层的。需要更多的话,助手可以换一组层名再渲染一次,然后把两段剪到一起。
板子上能放我的产品照片吗?
不能。板子是简单的图示,意思靠标签来传达。
为什么免费?
这是 HeyGen 和 HyperFrames 贡献者做的开源 HyperFrames 模块。我们原样上架,附上一份 SKILL.md 让你的助手直接上手,样片是用我们的自家品牌 Halden Solace 做的。






