免费
Solenne · 16:9
由此 Skill 渲染
一个免费的 HyperFrames 模块，做 15 秒的 3D 设备空镜。一台 3D 手机模型在桌面上旋转，背后是着色器壁纸；它的液态玻璃主屏上，App 图标、小组件和通知依次滑入，然后打开一个带主标语和卡片的网页。屏幕上的所有内容（图标、标签、通知、网页）都是可编辑的 HTML；手机和笔记本电脑是 3D 模型。
更新于 2026年11月4日
你将得到
- 一段 15 秒、1920×1080、带 3D 手机的 MP4
- 屏幕上的液态玻璃主屏、通知和你的网页
- 屏幕上每个像素都可编辑的 HTML
适合
- App 发布片和空镜
- 落地页首屏视频
- 投资人路演和发布会演示
不适合
- 展示 App 的真实录屏
- 纯竖版格式
关于此 Skill
你只需说
/ios26-liquid-glass 给 Solenne 做一个 3D 手机主屏：通知分别关于晚间场景和能耗报告，再加上 Solenne 的网页「Your home, on cue」。
有了设备空镜，任何 App 看起来都像已经上线。3D 手机主屏渲染一台真实的 3D 手机，配上当下流行的液态玻璃主屏，你的通知弹出、你的网页应用在上面打开，影棚灯光一应俱全，不用拍摄，也不用请 3D 设计师。
工作流程
- 提需求：告诉助手手机上要显示的通知、App 名称和网页内容。
- 填写：它把你的文案和配色写进模块变量，文字长度尽量贴近版式原本的设计。
- 渲染：它先用
npx hyperframes render渲染一版草稿，检查几帧，再渲染最终的 MP4。 - 复用：变量都在一个小小的 JSON 文件里，下一个版本再渲染一次就行。
小贴士
- 把默认的 App 图标和名称换成你自己的或中性的；我们的样片就是这么做的。
- 每条通知控制在简短的一行。
- 网页用你产品的真实配色。
- 它没有变量：助手会按照 SKILL.md，直接在 HTML 里修改文字。
开源
这是 HyperFrames 模块库里的一个模块。由 HeyGen 和 HyperFrames 贡献者制作（heygen-com/hyperframes），以 Apache License 2.0 开源。下载的是带全部素材的模块，外加一份 Reelity 编写的 SKILL.md，让你的助手知道怎么填写和渲染；HyperFrames 本身从 npm 运行。
开始前需要准备
- 你需提供
- 想在屏幕上显示的通知、App 名称和网页文字，以及你的配色。
- 依赖
- Node.js 22 或更高版本——必需 · FFmpeg——必需
- 外部费用
- 没有。HyperFrames 免费开源，在你自己的电脑上渲染。
- 最近测试
- v1.0.0 —
用户评价
还没有评价。安装这个 Skill，成为第一个评分的人。
常见问题
它自带真实的 App 图标吗？
原版用知名 App 的图标做占位。把它们换成你自己的或中性的；我们的样片用的是生成的中性图标。
屏幕上能放截图吗？
能。屏幕是 HTML，所以可以用一张你的 App 截图替换网页。
为什么免费？
这是 HeyGen 和 HyperFrames 贡献者做的开源 HyperFrames 模块。我们原样上架，附上一份 SKILL.md 让你的助手直接上手，样片是用我们的自家品牌 Solenne 做的。
