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

由此 Skill 渲染

Wireframe 线框传送门标题 v1.0.0

线框传送门轰然打开,标题从中穿出,字母随即打乱,变成第二句话。

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

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

登录后下载

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

一个免费的 HyperFrames 模块,用来做 8 秒的高能开场。一张干净的标题卡被一道白光撕开,后面打开一条线框隧道,标题以描边字体带着故障效果穿出,字母再换成第二句话,最后一闪收尾。标题、第二句、副标题、强调色和故障强度都是变量。

更新于 2026年11月2日

你将得到

  • 一支 8 秒、1920×1080 的 MP4 开场
  • 一个会变成第二句话的标题
  • 文案、强调色、故障效果和雾气都可用变量调整

适合

  • 新品发布和上架开场
  • 活动、直播和节目片头
  • 游戏、科技和餐饮类的高能宣传

不适合

  • 安静、克制或奢侈品品牌
  • 长句

关于此 Skill

你只需说

/wireframe-portal-title 给我们的汉堡新品做一个线框传送门标题:标题「DOUBLE STACK」,第二句「Now serving」,副标题「THE DOUBLE STACK BURGER」,强调色用橙色。

一个有冲击力的开场。Wireframe Portal Title 从一张安静的标题卡开始,然后把它炸开:一道白光,一条呼啸而过的线框隧道,带 RGB 色边的描边标题,再把字母换成你的第二句话。结尾是一道闪白,可以直接切进下一个镜头。

工作流程

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

小贴士

  • 两句话长度接近,字母替换才看得清楚。
  • 全大写的标题最适合描边字体。
  • 故障效果调弱,感觉更干净、更高级。
  • 把 HTML 里那行小字「presents」改成你的品牌名。

开源

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

开始前需要准备

你需提供
一个标题、它要变成的那句话和一个强调色。
依赖
Node.js 22 或更高版本——必需 · FFmpeg——必需
外部费用
没有。HyperFrames 免费开源,在你自己的电脑上渲染。
最近测试
v1.0.0 —

用户评价

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

常见问题

能去掉「presents」那一行吗?

能。它只是 HTML 里的一行文字,助手可以改成你的品牌名,或者直接删掉。

能做竖屏吗?

它是按 1920×1080 设计的。标题在画面正中,助手可以渲染后裁出中间部分,得到 9:16 版本。

为什么免费?

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

相关指南

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 cinematic 3D logo revealA logo film should feel like it was shot, not templated. How to turn your SVG logo into a shattering ice sequence with the free Frost Logo Orbit block.

相似 Skill

查看全部