一个订阅,解锁全部高级视频 Skill。随时取消。查看方案
Solenne · 16:9

由此 Skill 渲染

3D 笔记本桌面 v1.0.0

一台 3D 笔记本电脑打开,屏幕上是液态玻璃桌面:菜单栏、小组件、文件窗口、通知和程序坞,全部可编辑。

暂无评分 0 次下载
格式
视频 · 16:9
时长
0:15

免费 注册账户即可免费使用

登录后下载

把这段话粘贴给你的 Agent。它会在需要时连接 CLI,然后安装 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 笔记本上,让你的产品在精致的场景里出现在发布片和落地页中。

工作流程

  1. 提需求:告诉助手窗口标题和条目、小组件内容、通知和程序坞图标。
  2. 填写:它把你的文案和配色写进模块变量,文字长度尽量贴近版式原本的设计。
  3. 渲染:它先用 npx hyperframes render 渲染一版草稿,检查几帧,再渲染最终的 MP4。
  4. 复用:变量都在一个小小的 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 做的。

相关指南

How to make a 3D phone mockup video for your appDevice b-roll makes any app look shipped. How to render a 3D phone with a liquid-glass home screen and your app on it, free, with the 3D Phone Home Screen block.How to make a 3D laptop mockup video for your productSoftware looks real on real hardware. How to put your product on a 3D laptop with a liquid-glass desktop, free, with the 3D Laptop Desktop block.

相似 Skill

查看全部