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

由此 Skill 渲染

桌面通知 v1.0.0

一条 macOS 风格的通知横幅动态滑入,带着你的 App 图标、标题和消息,然后滑走。

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

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

登录后下载

把这段话粘贴给你的 Agent。它会在需要时连接 CLI,然后安装 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」。

工作流程

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

相关指南

How to add an animated desktop notification to a product demoA notification is proof that your product did something. How to animate a macOS-style banner over a screen recording, free, with the Desktop Notification block.

相似 Skill

查看全部