免费
Maison Vey · 16:9
由此 Skill 渲染
一个免费的 HyperFrames 模块，做 7 秒的数据亮点。一个大号数字带着 % 之类的后缀数到你的数值，旁边是一个标签，一条细细的强调色进度条按数值与最大值的比例填满，下方出现一行简短说明。数值、后缀、最大值、标签、说明和配色都在 HTML 里的一小段配置中设置；背景透明。
更新于 2026年11月3日
你将得到
- 一段 7 秒、1920×1080、透明背景的数据动画
- 跳动的数字、标签、进度条和说明
- 一小段用来设置数值的配置
适合
- 调研和评测结果
- 里程碑和目标
- 带数字的产品卖点
不适合
- 同时展示好几个数字
- 没有上下文的数字
关于此 Skill
你只需说
/mk-progress-stat 做一张进度数据卡：94%「Would wear it again」，说明「Maison Vey Ambre Nuit, blind test of 200 people」，叠在我们的香水镜头上。
一个有力的数字就能撑起一整支广告。进度数据卡把它数上去，显示它离最大值有多近，再配上标签和说明，干净到可以直接叠在产品镜头上。
工作流程
- 提需求：告诉助手这个数字、它的后缀和最大值、一个简短的标签和一行说明。
- 填写：它把你的文案和配色写进模块变量，文字长度尽量贴近版式原本的设计。
- 渲染：它先用
npx hyperframes render渲染一版草稿，检查几帧，再渲染最终的 MP4。 - 复用：变量都在一个小小的 JSON 文件里，下一个版本再渲染一次就行。
小贴士
- 挑一个意义清楚的数字，比如 94% 的人愿意再次购买。
- 标签控制在三四个词。
- 背景是透明的，所以渲染时要带 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，成为第一个评分的人。
常见问题
数字可以不是百分比吗？
可以。把后缀设成 K、x 或者留空，再把最大值改成相应的数就行。
能放在纯色背景上吗？
能。它有浅色和深色两种文字样式，底板和视频画面都适用。
为什么免费？
这是 HeyGen 和 HyperFrames 贡献者做的开源 HyperFrames 模块。我们原样上架，附上一份 SKILL.md 让你的助手直接上手，样片是用我们的自家品牌 Maison Vey 做的。
