免费
Ember & Bun · 4:5
由此 Skill 渲染
一个免费的 HyperFrames 模块，做 16 秒、4:5 的排行榜。顶部是眉题、标题、统计周期和总数，下面每人一行，显示名字和数量，头像或姓名首字母在这一行里弹跳前进；做得越多，跑得越快。眉题、标题、周期、总数、页脚、数据来源和各行内容（名字、数量、头像）都是变量；背景透明。
更新于 2026年11月4日
你将得到
- 一段 16 秒、1080×1350、透明背景的排行榜
- 按各自数量决定弹跳速度的头像
- 每个标签和各行内容都是变量
适合
- 团队和社区表彰
- 销售、配送和客服排行榜
- 开源贡献者回顾
不适合
- 几十个人的榜单
- 需要精确对比的数据
关于此 Skill
你只需说
/week-in-merges 给 Ember & Bun 做一个排行榜赛跑：「Orders delivered this week」，10 月 27 日到 11 月 2 日，共 412 单，骑手 Sam 96、Priya 88、Leo 74、Ana 66、Tomas 51 和 Mei 37。
排行榜让成绩变得有趣。排行榜赛跑把一周的数字（配送单、销售额、注册数、Pull Request）变成一场赛跑，每个人按自己的速度弹跳穿过自己那一行，谁领先一目了然，每个人也都有自己的高光时刻。
工作流程
- 提需求：告诉助手榜上有谁、每个人的数量、统计的是什么，以及统计周期。
- 填写：它把你的文案和配色写进模块变量，文字长度尽量贴近版式原本的设计。
- 渲染：它先用
npx hyperframes render渲染一版草稿，检查几帧，再渲染最终的 MP4。 - 复用：变量都在一个小小的 JSON 文件里，下一个版本再渲染一次就行。
小贴士
- 4:5 画幅下，六到八行最好读。
- 头像可以用照片，留空则显示姓名首字母。
- 背景是透明的，所以渲染时要带 Alpha 通道，再叠到你自己的视频、照片或纯色背景上；SKILL.md 里写了这两条命令。
- 发在 LinkedIn 或 Instagram 信息流里；它的尺寸是 1080×1350。
开源
这是 HyperFrames 模块库里的一个模块。由 HeyGen 和 HyperFrames 贡献者制作（heygen-com/hyperframes），以 Apache License 2.0 开源。下载的是带全部素材的模块，外加一份 Reelity 编写的 SKILL.md，让你的助手知道怎么填写和渲染；HyperFrames 本身从 npm 运行。
开始前需要准备
- 你需提供
- 六到八个人的名字和数量、统计的内容和周期。
- 依赖
- Node.js 22 或更高版本——必需 · FFmpeg——必需
- 外部费用
- 没有。HyperFrames 免费开源，在你自己的电脑上渲染。
- 最近测试
- v1.0.0 —
用户评价
还没有评价。安装这个 Skill，成为第一个评分的人。
常见问题
它统计的是什么？
什么都行：样片统计的是配送单数。单位词在 HTML 里设置，每个标签都是变量。
能加照片吗？
能。每一行都可以放一张头像图片；留空的行显示姓名首字母。
为什么免费？
这是 HeyGen 和 HyperFrames 贡献者做的开源 HyperFrames 模块。我们原样上架，附上一份 SKILL.md 让你的助手直接上手，样片是用我们的自家品牌 Ember & Bun 做的。
