
由此 Skill 渲染
一个免费的 HyperFrames 模块,做 4.5 秒短视频风格的关注引导:一条深色的主页胶囊卡片弹起,上面有头像、名字、账号和粉丝数,红色的 Follow 按钮一点变成 Following。名字、账号、粉丝数和头像在 HTML 里修改;背景透明。
更新于 2026年11月3日
你将得到
- 一段 4.5 秒、1080×1920、透明背景的叠加层
- 一张主页卡片和一次带动画的 Follow 点击
- 叠加到你自己视频上的操作说明
适合
- TikTok、Reels 和 Shorts 的尾卡
- 餐厅、美食和生活方式品牌
- 博主频道
不适合
- 横版视频
- 冗长的行动号召
关于此 Skill
/tiktok-follow 给 Ember & Bun(@emberandbun,212K 粉丝)做一张 TikTok 风格的关注卡片,用 Double Stack 作头像,叠在我们的汉堡镜头上。
短视频的最后一秒,决定了别人会不会关注你。关注卡片(短视频 App)让这一秒有个清晰又熟悉的引导:你的主页,加上点下 Follow 那一下的爽快感,叠在你最好的镜头上。
工作流程
- 提需求:告诉助手你的显示名称、账号、粉丝数和一张方形头像,以及要叠在哪个镜头上。
- 填写:它把你的文案和配色写进模块变量,文字长度尽量贴近版式原本的设计。
- 渲染:它先用
npx hyperframes render渲染一版草稿,检查几帧,再渲染最终的 MP4。 - 复用:变量都在一个小小的 JSON 文件里,下一个版本再渲染一次就行。
小贴士
- 用你最有辨识度的产品或面孔作头像。
- 名字尽量短;太长会折成两行。
- 卡片背景是透明的,所以渲染时要带 Alpha 通道,再叠到你自己的视频或照片上;SKILL.md 里写了这两条命令。
- 搭配一个有力的产品收尾画面。
开源
这是 HyperFrames 模块库里的一个模块。由 HeyGen 和 HyperFrames 贡献者制作(heygen-com/hyperframes),以 Apache License 2.0 开源。下载的是带全部素材的模块,外加一份 Reelity 编写的 SKILL.md,让你的助手知道怎么填写和渲染;HyperFrames 本身从 npm 运行。
开始前需要准备
- 你需提供
- 你的名字、账号、粉丝数、一张方形头像,以及要叠在上面的镜头。
- 依赖
- Node.js 22 或更高版本——必需 · FFmpeg——必需
- 外部费用
- 没有。HyperFrames 免费开源,在你自己的电脑上渲染。
- 最近测试
- v1.0.0 —
用户评价
还没有评价。安装这个 Skill,成为第一个评分的人。
常见问题
按钮文字能翻译吗?
能。「Follow」和「Following」都是 HTML 里的普通文本。
有图片 App 风格的版本吗?
有,关注卡片(图片 App)是同样的思路,按钮是蓝色的。
为什么免费?
这是 HeyGen 和 HyperFrames 贡献者做的开源 HyperFrames 模块。我们原样上架,附上一份 SKILL.md 让你的助手直接上手,样片是用我们的自家品牌 Ember & Bun 做的。







