✦ 工作室精选
Aurelle · 9:16
由此 Skill 渲染
一个免费的 HyperFrames 模块，做 5 秒的 9:16 叠加层。一张磨砂质感的音乐卡片升起，上面是大幅方形封面、曲名、艺人信息和一条向前走的进度条，然后淡出。曲名、艺人和封面在 HTML 里修改；背景透明，方便叠加。
更新于 2026年11月3日
你将得到
- 一段 5 秒、1080×1920、透明背景的卡片叠加层
- 封面、曲名、艺人和一条动态进度条
- 叠加到你自己视频上的操作说明
适合
- 广告配乐和歌单
- 播客和音乐推广
- Stories 和 Reels
不适合
- 横版视频
- 长篇音乐视频
关于此 Skill
你只需说
/spotify-card 给 Aurelle 的广告主题曲「Wear the Light」做一张正在播放卡片，用叠戴的手链作封面，叠在我们的手链镜头上。
音乐卡片一出现，大家立刻明白「这就是配乐」。正在播放卡片把你的广告主题曲、歌单或播客单集放进一张干净的动态卡片里，配上你的封面，让竖版视频可以标注或推广这段声音。
工作流程
- 提需求：告诉助手曲名、艺人信息、封面图，以及要叠在哪个镜头上。
- 填写：它把你的文案和配色写进模块变量，文字长度尽量贴近版式原本的设计。
- 渲染：它先用
npx hyperframes render渲染一版草稿，检查几帧，再渲染最终的 MP4。 - 复用：变量都在一个小小的 JSON 文件里，下一个版本再渲染一次就行。
小贴士
- 用宽度至少 800 px 的方形封面。
- 曲名控制在几个词；它的字号很大。
- 卡片背景是透明的，所以渲染时要带 Alpha 通道，再叠到你自己的视频或照片上；SKILL.md 里写了这两条命令。
- 我们的样片把平台 Logo 换成了一个简单的「Now playing」标签。
开源
这是 HyperFrames 模块库里的一个模块。由 HeyGen 和 HyperFrames 贡献者制作（heygen-com/hyperframes），以 Apache License 2.0 开源。下载的是带全部素材的模块，外加一份 Reelity 编写的 SKILL.md，让你的助手知道怎么填写和渲染；HyperFrames 本身从 npm 运行。
开始前需要准备
- 你需提供
- 一个曲名或单集标题、艺人信息、一张方形封面，以及要叠在上面的镜头。
- 依赖
- Node.js 22 或更高版本——必需 · FFmpeg——必需
- 外部费用
- 没有。HyperFrames 免费开源，在你自己的电脑上渲染。
- 最近测试
- v1.0.0 —
用户评价
还没有评价。安装这个 Skill，成为第一个评分的人。
常见问题
颜色能改吗？
能。卡片和文字的颜色都是 HTML 里的普通 CSS。
会显示 Spotify 的 Logo 吗？
模块保留了原来的小 Logo；我们的样片把它换成了「Now playing」标签，你的助手也可以照做。
为什么免费？
这是 HeyGen 和 HyperFrames 贡献者做的开源 HyperFrames 模块。我们原样上架，附上一份 SKILL.md 让你的助手直接上手，样片是用我们的自家品牌 Aurelle 做的。
