免費
Aurelle · 16:9
由此 Skill 渲染
一個免費的 HyperFrames 區塊，做 6 秒的 Logo 片尾。Logo 的五個部件依序飛入、展開並拼合在一起，後方綻放柔和光暈，標語和網址膠囊標籤在下方淡入。Logo 路徑、顏色、標語和網址都在 HTML 裡修改。
更新於 2026年11月3日
你將得到
- 一支 6 秒、1920×1080 的 MP4 片尾
- 由五個部件組合而成、帶光暈的 Logo
- 一句標語和一個網址膠囊標籤
適合
- 廣告和品牌影片的結尾
- YouTube 片尾
- 提案和活動影片
不適合
- 細節很多的 Logo
- 字母很多的文字標誌
關於此 Skill
你只需說
/logo-outro 用我們的 Aurelle「A」標誌做一支金色的 Logo 片尾，標語「Gold, layered your way.」，加上 aurelle.com。
影片的結尾，就是品牌該落地的地方。Logo 片尾把你的標誌一片一片組合起來，再讓它發光、穩穩定格在標語和網址上方。簡短、乾淨，適用於任何由幾個形狀組成的 Logo。
運作方式
- 提出需求：給助手一個最多由五個形狀組成的 SVG Logo、一句標語和你的網址。
- 填入：它把你的文案和顏色寫進區塊的變數，文字長度盡量貼近版面原本設計的長度。
- 算繪：它用
npx hyperframes render算繪一版草稿，檢查幾格畫面，再算繪出最終的 MP4。 - 重複使用：變數都放在一個小小的 JSON 檔裡，下一個版本再算繪一次就好。
小訣竅
- 把 Logo 拆成五個簡單形狀；動畫會分別移動每一個。
- 標語控制在一行以內。
- 光暈顏色配合你的品牌色。
- 這個區塊沒有變數：助手會照著 SKILL.md，直接在 HTML 裡修改文字和數字。
開源
這是 HyperFrames registry 裡的一個區塊，由 HeyGen 和 HyperFrames 貢獻者製作（heygen-com/hyperframes），以 Apache License 2.0 開源。下載內容包含區塊和它的素材，以及一份由 Reelity 撰寫的 SKILL.md，讓你的助手知道怎麼填寫和算繪；HyperFrames 本身從 npm 執行。
開始前需要準備
- 你需提供
- 一個最多由五個形狀組成的簡單 Logo、一句標語和你的網址。
- 依賴
- Node.js 22 或更新版本——必要 · FFmpeg——必要
- 外部費用
- 沒有。HyperFrames 免費開源，在你自己的電腦上算繪。
- 最近測試
- v1.0.0 —
使用者評價
還沒有評價。安裝這個 Skill，成為第一個評分的人。
常見問題
Reelity 改了什麼？
原本的佔位圖是另一家公司的 Logo。下載版改成一個中性的灰色標誌，搭配「Your tagline goes here.」和「yourbrand.com」。
我的 Logo 超過五個部件，還能用嗎？
把它歸成五組形狀；每一組就會當成一個部件一起動。
為什麼免費？
這是 HeyGen 和 HyperFrames 貢獻者做的開源 HyperFrames 區塊。我們原樣上架，附上 SKILL.md 讓你的助手直接上手，範例是用我們自家品牌 Aurelle 做的。
