
由此 Skill 渲染
一个免费的 HyperFrames 模块,做 15 秒的 3D 笔记本空镜。一台 3D 笔记本电脑放在桌上,笼着着色器光效;屏幕上是液态玻璃桌面,有菜单栏,日历、天气和正在播放小组件,一个文件窗口、一条通知和一个程序坞,依次动起来。屏幕上的所有内容都是可编辑的 HTML。
更新于 2026年11月4日
你将得到
- 一段 15 秒、1920×1080、带 3D 笔记本的 MP4
- 带小组件、窗口、通知和程序坞的液态玻璃桌面
- 整块屏幕都可编辑的 HTML
适合
- SaaS 和桌面应用发布
- 网站和落地页首屏
- 发布会空镜
不适合
- 你的 App 的真实录屏
- 纯竖版格式
关于此 Skill
/macos-tahoe-liquid-glass 给 Solenne 做一个 3D 笔记本桌面:一个 Solenne 窗口,里面有 Scenes、Rooms 和 Plans,一条通知「Evening wind-down starts at 16:14」,程序坞用中性图标。
软件放在真实的硬件上,才显得真实。3D 笔记本桌面把一整套液态玻璃桌面(小组件、窗口、通知、程序坞)放到一台 3D 笔记本上,让你的产品在精致的场景里出现在发布片和落地页中。
工作流程
- 提需求:告诉助手窗口标题和条目、小组件内容、通知和程序坞图标。
- 填写:它把你的文案和配色写进模块变量,文字长度尽量贴近版式原本的设计。
- 渲染:它先用
npx hyperframes render渲染一版草稿,检查几帧,再渲染最终的 MP4。 - 复用:变量都在一个小小的 JSON 文件里,下一个版本再渲染一次就行。
小贴士
- 把默认的程序坞图标换成你自己的或中性的;我们的样片就是这么做的。
- 用你的产品名给窗口命名。
- 通知控制在一行。
- 它没有变量:助手会按照 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,成为第一个评分的人。
常见问题
它自带真实的 App 图标吗?
原版在程序坞里用知名 App 的图标做占位。把它们换掉;我们的样片用的是生成的中性图标。
壁纸能换吗?
能。壁纸是 HTML 里的一张图片。
为什么免费?
这是 HeyGen 和 HyperFrames 贡献者做的开源 HyperFrames 模块。我们原样上架,附上一份 SKILL.md 让你的助手直接上手,样片是用我们的自家品牌 Solenne 做的。






