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

由此 Skill 渲染

关注卡片(短视频 App) v1.0.0

一张 TikTok 风格的关注卡片,带你的头像、名字和粉丝数,红色的 Follow 按钮一点就变成 Following。

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

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

登录后下载

把这段话粘贴给你的 Agent。它会在需要时连接 CLI,然后安装 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 那一下的爽快感,叠在你最好的镜头上。

工作流程

  1. 提需求:告诉助手你的显示名称、账号、粉丝数和一张方形头像,以及要叠在哪个镜头上。
  2. 填写:它把你的文案和配色写进模块变量,文字长度尽量贴近版式原本的设计。
  3. 渲染:它先用 npx hyperframes render 渲染一版草稿,检查几帧,再渲染最终的 MP4。
  4. 复用:变量都在一个小小的 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 做的。

相关指南

How to end a Reel with an animated follow buttonThe last second of a Reel is your best chance to win a follower. How to add an Instagram-style profile card and Follow tap, free, with the Follow Card (Photo App) block.How to add a follow button animation to a TikTok videoA familiar follow tap at the end of a short video turns viewers into followers. How to add a TikTok-style follow card, free, with the Follow Card (Video App) block.

相似 Skill

查看全部