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

由此 Skill 渲染

Code Slice 翻块标题 v1.0.0

大标题印在一格格方块上,一道纵深波浪扫过,方块逐个翻转,露出背后的第二句标题。

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

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

登录后下载

把这段话粘贴给你的 Agent。它会在需要时连接 CLI,然后安装 Skill。

一个免费的 HyperFrames 模块,用来做 8 秒标题卡。第一句标题印在方格阵列上,一道柔和的纵深波浪横扫而过,每个方块带着轻微回弹和阴影翻过去,留下第二句标题。两句文案、扫动方向、速度、方块大小和配色都是变量。

更新于 2026年11月2日

你将得到

  • 一支 8 秒、1920×1080 的 MP4 标题卡
  • 两句标题,中间是逐块翻转的过渡
  • 扫动、节奏、方块大小、阴影和配色都可用变量调整

适合

  • 发布片的开场和结尾卡
  • 社交帖子里「主张 + 回报」式的文案
  • 品牌焕新和前后对比类信息

不适合

  • 长句或大段文字
  • 标题里需要出现产品画面的视频

关于此 Skill

你只需说

/code-slice-hero 给我们的跑鞋新品用 code slice hero 模块做标题:正面标题「RUN SOFT.」,背面标题「RUN FAR.」,从左往右扫。渲染成 1080p。

两句短文案,一次干净利落的翻转。Code Slice Hero 把第一句标题印在一格格方块上。一道波浪扫过画面,经过时把每个方块抬起、倾斜,再逐个翻面,拼出第二句标题。最适合两句长度相当、有力的短句:一句主张配一句回报,一个产品名配一句承诺,或者「之前」和「之后」。

工作流程

  1. 提需求:告诉助手标题写什么:正面那句标题,以及翻过去之后的那句。
  2. 搭建:它把模块放进一个 HyperFrames 项目,把你的文案和配色填成渲染变量。
  3. 预览:它先检查几帧,再用 npx hyperframes render 渲染出 1920×1080 的 MP4。
  4. 复用:变量都在一个 JSON 文件里,换一句标题或换一个品牌,再渲染一次就行。

小贴士

  • 两句都要短(一到三个词),长度接近,翻转看起来才是一气呵成。
  • 把扫动方向调成和剪辑里下一个镜头的阅读方向一致。
  • 方块调小,翻转更细腻、更有数字感;调大,更粗犷、更像海报。
  • 适合放在较长发布视频的开头或结尾。

开源

这是 HyperFrames 模块库里的一个模块。由 HeyGen 和 HyperFrames 贡献者制作(heygen-com/hyperframes),以 Apache License 2.0 开源。下载的是带全部素材、可直接渲染的模块;HyperFrames 本身从 npm 运行。

开始前需要准备

你需提供
两句简短的标题,想的话再加上品牌配色。
依赖
Node.js 22 或更高版本——必需 · FFmpeg——必需
外部费用
没有。HyperFrames 免费开源,在你自己的电脑上渲染。
最近测试
v1.0.0 —

用户评价

还没有评价。安装这个 Skill,成为第一个评分的人。

常见问题

能用我自己的字体吗?

能。模块自带开源字体 Geist;换成任何网页字体都行,再调一下字号变量,让文字撑满画面。

能从右往左翻吗?

能。方向是变量,扫动时长、缓动曲线和翻转时长也都是。

为什么免费?

这是 HeyGen 和 HyperFrames 贡献者做的开源 Skill。我们原样上架,样片是在我们自家品牌 Halden Solace 上运行它做出来的。

相关指南

How to make a headline flip title card for a launch videoTwo short lines and one satisfying flip make the strongest opener or end card. What makes a flip title read well, and how to render one free with the open-source Code Slice Hero block.How to make a high-energy intro title for a launch or eventSome launches need noise. How to build an opener that bursts open and swaps its title mid-flight, using the free Wireframe Portal Title block.How to make a nature title animation with leaves for a brand videoNatural, seasonal and wellness brands want titles that breathe. How to reveal a headline through sweeping 3D leaves with the free Canopy Part Title block.

相似 Skill

查看全部