免费
Halden Solace · 16:9
由此 Skill 渲染
一个免费的 HyperFrames 模块，做 8 秒的液态玻璃仪表盘。三个磨砂小组件分别跳出温度、电量和步数圆环，一块带你 Logo 的展示面板显示标题、一句话和一个最终完成的状态，三个状态标签依次亮起，全部叠在流动的极光着色器背景上。文字、数字和 Logo 在 HTML 里修改。
更新于 2026年11月3日
你将得到
- 一支 8 秒、1920×1080 的 MP4，带动态极光背景
- 数字跳动的数据小组件、展示面板和状态标签
- 面板上的你的 Logo
适合
- 健身、健康和智能设备类 App
- 仪表盘和数据类功能
- 产品发布的空镜素材
不适合
- 纯色或品牌色背景
- 超过三项数据
关于此 Skill
你只需说
/liquid-glass-widgets 为一次 Halden 跑步做液态玻璃小组件：温度、手表电量和 8.2K 步，面板写「Long run saved: 18.4 km at an easy pace in the Halden Solace」，最后停在「Run saved」。
小组件是人们扫一眼就看到重点的地方。液态玻璃小组件用磨砂液态玻璃风格搭出一个小仪表盘，数字往上跳，面板汇报一项完成的任务，让健身 App、智能设备或一项服务都能把数据展示得漂漂亮亮。
工作流程
- 提需求：告诉助手三个小组件的数值、面板标题和一句话、完成状态以及你的 Logo。
- 填写：它把你的文案和配色写进模块变量，文字长度尽量贴近版式原本的设计。
- 渲染：它先用
npx hyperframes render渲染一版草稿，检查几帧，再渲染最终的 MP4。 - 复用：变量都在一个小小的 JSON 文件里，下一个版本再渲染一次就行。
小贴士
- 挑三个能讲同一个故事的数字，比如一次跑步中的温度、电量和步数。
- 面板里的那句话控制在 70 个字符左右。
- 用白色 Logo。
- 它没有变量：助手会按照 SKILL.md，直接在 HTML 里修改文字和数字。
开源
这是 HyperFrames 模块库里的一个模块。由 HeyGen 和 HyperFrames 贡献者制作（heygen-com/hyperframes），以 Apache License 2.0 开源。下载的是带全部素材的模块，外加一份 Reelity 编写的 SKILL.md，让你的助手知道怎么填写和渲染；HyperFrames 本身从 npm 运行。
开始前需要准备
- 你需提供
- 三项数据、一个简短的面板标题和一句话、一个完成状态和一个白色 Logo。
- 依赖
- Node.js 22 或更高版本——必需 · FFmpeg——必需
- 外部费用
- 没有。HyperFrames 免费开源，在你自己的电脑上渲染。
- 最近测试
- v1.0.0 —
用户评价
还没有评价。安装这个 Skill，成为第一个评分的人。
常见问题
小组件能显示别的数据吗？
能。标签、数值和单位都在 HTML 里；数字跳动动画适用于任何数字。
和液态玻璃通知是同一种风格吗？
是的，同样的极光和玻璃质感，两段剪在一起很搭。
为什么免费？
这是 HeyGen 和 HyperFrames 贡献者做的开源 HyperFrames 模块。我们原样上架，附上一份 SKILL.md 让你的助手直接上手，样片是用我们的自家品牌 Halden Solace 做的。
