
由此 Skill 渲染
一个免费的 HyperFrames 模块,做 5 秒的桌面通知。一条磨砂质感的横幅从右上角滑入,上面有你的 App 图标、App 名称、标题和一行消息,停留片刻后滑出。文字和图标在 HTML 里修改;背景透明,可以叠在录屏或桌面壁纸上。
更新于 2026年11月3日
你将得到
- 一段 5 秒、1920×1080、透明背景的通知叠加层
- App 图标、名称、标题和消息
- 叠加到录屏上的操作说明
适合
- SaaS 和 App 演示
- 教程和讲解视频
- 新功能发布
不适合
- 只有竖版的视频
- 长消息
关于此 Skill
/macos-notification 给 Solenne 做一条桌面通知:标题「Evening wind-down is on」,消息「Lights dimmed to 35%, blinds closed and the heating eased to 19°」,叠在我们的客厅照片上。
想表现你的产品刚刚完成了一件事,桌面通知是最快的方式。桌面通知用大家熟悉的 macOS 样式,在你的录屏或壁纸上弹出一条通知:「Evening wind-down is on」「Payment received」「Your export is ready」。
工作流程
- 提需求:告诉助手你的 App 名称和图标、一个标题和一行消息。
- 填写:它把你的文案和配色写进模块变量,文字长度尽量贴近版式原本的设计。
- 渲染:它先用
npx hyperframes render渲染一版草稿,检查几帧,再渲染最终的 MP4。 - 复用:变量都在一个小小的 JSON 文件里,下一个版本再渲染一次就行。
小贴士
- 标题写结果,而不是功能。
- 消息控制在一行以内。
- 背景是透明的,所以渲染时要带 Alpha 通道,再叠到你自己的视频、照片或纯色背景上;SKILL.md 里写了这两条命令。
- 它没有变量:助手会按照 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,成为第一个评分的人。
常见问题
能显示好几条通知吗?
每条通知渲染一次,再在剪辑里叠起来;或者让助手在 HTML 里复制几条横幅。
会出现 Apple 的 Logo 吗?
不会。它在 macOS 风格的横幅里显示的是你自己的 App 图标和名称。
为什么免费?
这是 HeyGen 和 HyperFrames 贡献者做的开源 HyperFrames 模块。我们原样上架,附上一份 SKILL.md 让你的助手直接上手,样片是用我们的自家品牌 Solenne 做的。






