免费
Solenne · 16:9
由此 Skill 渲染
一个免费的 HyperFrames 模块，做 8 秒的液态玻璃界面。两张磨砂通知卡片缓缓飘入流动的极光着色器背景：一张显示一个进行中的任务并最终完成，另一张是一条消息，带输入中的跳动圆点和「Reply」「Mark Read」两个按钮，角落里放着你的 Logo。文字、状态消息和 Logo 在 HTML 里修改。
更新于 2026年11月3日
你将得到
- 一支 8 秒、1920×1080 的 MP4，带动态极光背景
- 两张磨砂通知卡片，分别有进度和回复状态
- 角落里的你的 Logo
适合
- App 发布和新功能亮相
- 带现代系统质感的产品视频
- 发布会幻灯片的背景
不适合
- 纯色或品牌色背景
- 长消息
关于此 Skill
你只需说
/liquid-glass-notification 给 Solenne 做液态玻璃通知：一张「Sunset scene」卡片正在调暗客厅灯光，完成时显示「Evening wind-down is on」；另一张是 Ines 发来的消息，请你把卧室调暖一点。
液态玻璃是当下操作系统的样子：磨砂、折射、灵动。液态玻璃通知把你产品的通知放进这种风格，叠在流动的极光上，让一次更新、一笔订单或一条消息既像系统原生，又显得高级。
工作流程
- 提需求：告诉助手第一张卡片在做什么、完成后显示什么，第二张卡片里的消息，以及你的 Logo。
- 填写：它把你的文案和配色写进模块变量，文字长度尽量贴近版式原本的设计。
- 渲染：它先用
npx hyperframes render渲染一版草稿，检查几帧，再渲染最终的 MP4。 - 复用：变量都在一个小小的 JSON 文件里，下一个版本再渲染一次就行。
小贴士
- 用白色 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，成为第一个评分的人。
常见问题
极光的颜色能改吗？
着色器的颜色在脚本里设置；助手可以把它调成你的品牌配色。
玻璃效果是实时渲染的还是一张图？
实时的：它用一个液态玻璃库实时渲染，所以会折射流动的背景。
为什么免费？
这是 HeyGen 和 HyperFrames 贡献者做的开源 HyperFrames 模块。我们原样上架，附上一份 SKILL.md 让你的助手直接上手，样片是用我们的自家品牌 Solenne 做的。
