免费
Ember & Bun · 16:9
由此 Skill 渲染
一个免费的 HyperFrames 模块，把一张小表格变成动态排名条形图。把时间段和数据系列以纯文本粘贴进来；条形逐期增长、重新排名、互相超越，旁边的数值不断跳涨，坐标轴随数字攀升自动缩放。标题、副标题、数据、条形数量、速度、数字格式和强调色都是变量。
更新于 2026年11月3日
你将得到
- 一支 1920×1080 的 MP4 排名条形图，默认每期 2 秒
- 互相超越、数字跳涨标签和自动缩放的坐标轴
- 数据用纯文本输入，不需要表格工具
适合
- 销量、增长和排名类故事
- 年度回顾和里程碑帖子
- 数据新闻和课堂讲解
不适合
- 几十个系列或特别长的时间跨度
- 需要观众慢慢细看的精确数字
关于此 Skill
你只需说
/bar-chart-race 做一支动态排名条形图，标题「Ember & Bun: burgers sold by month」，时间从 6 月到 11 月，单位为千：Double Stack 12, 18, 26, 35, 47, 61；Classic Cheese 22, 25, 28, 30, 32, 33；再加四款菜单单品。强调色用橙色。
随时间变化的排名本身就是故事，动态排名条形图几秒就能讲完。给 Bar Chart Race 几个时间段和几个数据系列，用纯文本就行；它把攀升、超越和领跑者都做成动画，配上干净的杂志风排版，领头的那一条用强调色点亮。
工作流程
- 提需求：用纯文本告诉助手标题、时间段和每个系列的数值，再说明单位。
- 填写：它把你的文案和配色写进模块变量，文字长度尽量贴近版式原本的设计。
- 渲染：它先用
npx hyperframes render渲染一版草稿，检查几帧，再渲染最终的 MP4。 - 复用：变量都在一个小小的 JSON 文件里，下一个版本再渲染一次就行。
小贴士
- 四到八个系列、四到八个时间段看起来最清楚。
- 强调色留给你最想让观众盯着看的那一项。
- 用前缀和后缀标单位，比如 $、k 或 %。
- 把每期时长调长一些，比赛节奏更从容、更好读。
开源
这是 HyperFrames 模块库里的一个模块。由 HeyGen 和 HyperFrames 贡献者制作（heygen-com/hyperframes），以 Apache License 2.0 开源。下载的是带全部素材的模块，外加一份 Reelity 编写的 SKILL.md，让你的助手知道怎么填写和渲染；HyperFrames 本身从 npm 运行。
开始前需要准备
- 你需提供
- 你的时间段和每个系列的数值、一个标题和单位。
- 依赖
- Node.js 22 或更高版本——必需 · FFmpeg——必需
- 外部费用
- 没有。HyperFrames 免费开源，在你自己的电脑上渲染。
- 最近测试
- v1.0.0 —
用户评价
还没有评价。安装这个 Skill，成为第一个评分的人。
常见问题
数据用什么格式？
每个系列一行：名称、冒号，再接用逗号分隔的数值，顺序和时间段一致。助手可以帮你把表格转成这种格式。
视频有多长？
默认每期两秒，六个时间段大约 12 秒。每期时长是变量。
为什么免费？
这是 HeyGen 和 HyperFrames 贡献者做的开源 HyperFrames 模块。我们原样上架，附上一份 SKILL.md 让你的助手直接上手，样片是用我们的自家品牌 Ember & Bun 做的。
