免费
Halden Solace · 16:9
由此 Skill 渲染
一个免费的 HyperFrames 模块，做 15 秒报刊风格的数据叙事。网格线和月份标签先出现，柱子带着数值一根根升起，然后一条折线带着自己的百分比标签横穿其上，上方是衬线体大标题、副标题、图例和数据来源。月份、两组数据、刻度、标签和标题都在 HTML 里修改。
更新于 2026年11月3日
你将得到
- 一段 15 秒、1920×1080、透明背景的图表
- 按顺序生成的柱子、折线和数值标签
- 衬线体大标题、图例和数据来源
适合
- 成绩和增长故事
- 投资人和董事会汇报
- 讲解视频和报告
不适合
- 超过六个周期
- 信息密集的仪表盘
关于此 Skill
你只需说
/data-chart 做一张柱线组合图：标题「Halden Solace: pairs sold vs. repeat buyers」，6 月到 11 月，销量从 9 千双涨到 2.3 万双，复购用户从 24% 涨到 44%。
两个一起变化的数字，就是一个故事：销量和复购用户、流量和注册、营收和利润率。柱线组合图把两者放进一张沉稳的杂志风图表里，自己一步步生成，观众在旁白开口之前就已经看懂了趋势。
工作流程
- 提需求：告诉助手六个月份、柱子和折线各自的数值、单位和一个大标题。
- 填写：它把你的文案和配色写进模块变量，文字长度尽量贴近版式原本的设计。
- 渲染：它先用
npx hyperframes render渲染一版草稿，检查几帧，再渲染最终的 MP4。 - 复用：变量都在一个小小的 JSON 文件里，下一个版本再渲染一次就行。
小贴士
- 让折线的位置始终高于柱子，这样它的标签就不会和柱子重叠。
- 在副标题和图例里写明单位。
- 背景是透明的，所以渲染时要带 Alpha 通道，再叠到你自己的视频、照片或纯色背景上；SKILL.md 里写了这两条命令。
- 它没有变量：助手会按照 SKILL.md，直接在 HTML 里修改文字和数字。
开源
这是 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 做的。
