
由此 Skill 渲染
一个免费的 HyperFrames 模块,做 5 秒的帖子叠加层。一张深色社交帖子卡片滑入,上面有头像、名字、账号、认证标识、帖子正文、时间和互动栏;点赞变成粉色,数字往上跳,然后淡出。名字、账号、正文和数字在 HTML 里修改;背景透明,方便叠在视频上。
更新于 2026年11月3日
你将得到
- 一段 5 秒、透明背景的帖子卡片叠加层
- 点赞动画和不断上涨的互动数字
- 叠加到你自己视频上的操作说明
适合
- 用户好评和媒体引语
- 视频里的新品发布公告
- 引用帖子的讲解视频
不适合
- 未经许可展示别人的帖子
- 单独作为一支全屏广告
关于此 Skill
/x-post 给 Maison Vey(@maisonvey)做一张社交帖子卡片,正文是「Ambre Nuit is here. Amber, smoked vanilla and a little night air, in a bottle you will want to keep on the shelf. #AmbreNuit」,叠在我们的香水镜头上。
把一条好帖子搬上画面,就是一眼可见的社会认同。社交帖子卡片用大家熟悉的 X 风格把它动起来,点赞一跳、数字攀升,客户好评、新品发布或一条评测都能叠在任何镜头上。
工作流程
- 提需求:告诉助手名字、账号、帖子正文和互动数据,以及要叠在哪个镜头上。
- 填写:它把你的文案和配色写进模块变量,文字长度尽量贴近版式原本的设计。
- 渲染:它先用
npx hyperframes render渲染一版草稿,检查几帧,再渲染最终的 MP4。 - 复用:变量都在一个小小的 JSON 文件里,下一个版本再渲染一次就行。
小贴士
- 帖子控制在 140 个字符左右以内,保持三行。
- 用方形的头像图片。
- 卡片背景是透明的,所以渲染时要带 Alpha 通道,再叠到你自己的视频或照片上;SKILL.md 里写了这两条命令。
- 想要中性的卡片,就去掉平台 Logo;我们的样片就是这么做的。
开源
这是 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 里的普通文本。
一定要显示 X 的 Logo 吗?
不用。Logo 只是 HTML 里的一个小元素,我们的样片把它去掉了,做成中性的卡片。
为什么免费?
这是 HeyGen 和 HyperFrames 贡献者做的开源 HyperFrames 模块。我们原样上架,附上一份 SKILL.md 让你的助手直接上手,样片是用我们的自家品牌 Maison Vey 做的。






