免费
Vael · 16:9
由此 Skill 渲染
一个免费的 HyperFrames 模块，做 8 秒的参数或卖点展示。五行标签和数值从左侧依次滑入，每行下方都有一道强调下划线划过；浅色方案适合配图版面，深色方案带遮罩，适合叠在视频上。行内容、配色方案、线宽、位置和节奏都在 HTML 里的一小段配置中设置；背景透明。
更新于 2026年11月4日
你将得到
- 一段 8 秒、1920×1080、透明背景的叠加层
- 五行依次滑入、带划线动画的参数
- 浅色和深色两套方案，遮罩可选
适合
- 商品详情页和广告
- App 和数码产品的功能清单
- 包、鞋、电子产品这类重参数的品类
不适合
- 超过五六行的内容
- 长句子
关于此 Skill
你只需说
/mk-specs-list 在我们的 Vael Cerise 照片上做一份参数清单：Leather「Cherry calf, hand-finished」，Hardware「Solid brass clasp」，Fits「A 14-inch laptop」，Handles「Hand-stitched, 22 cm drop」，Made「In small, numbered runs」。
参数要好读，才有说服力。参数清单在你的产品旁边逐行列出五组标签和数值，每行下面一道利落的下划线，让材质、尺寸或功能一条条落地，产品始终留在画面里。
工作流程
- 提需求：告诉助手五组简短的标签和数值，以及背景是浅色还是深色。
- 填写：它把你的文案和配色写进模块变量，文字长度尽量贴近版式原本的设计。
- 渲染：它先用
npx hyperframes render渲染一版草稿，检查几帧，再渲染最终的 MP4。 - 复用：变量都在一个小小的 JSON 文件里，下一个版本再渲染一次就行。
小贴士
- 标签控制在一个词，数值控制在几个词。
- 明亮的照片上用浅色方案，深色画面上用带遮罩的深色方案。
- 背景是透明的，所以渲染时要带 Alpha 通道，再叠到你自己的视频、照片或纯色背景上；SKILL.md 里写了这两条命令。
- 画面右侧留给产品。
开源
这是 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 让你的助手直接上手，样片是用我们的自家品牌 Vael 做的。
