一個訂閱,解鎖全部高階影片 Skill。隨時取消。檢視方案
Ember & Bun · 16:9

由此 Skill 渲染

線框傳送門標題 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 registry 裡的一個區塊,由 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

檢視全部