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

由此 Skill 渲染

金額跳動計數 v1.0.0

一個大大的金額從零往上跳,到達目標時閃出綠光,硬幣和鈔票四散噴出,還附帶音效。

暫無評分 0 次下載
格式
影片 · 16:9
時長
0:05

免費 註冊帳戶即可免費使用

登入後下載

把這段話貼上給你的 Agent。它會在需要時連線 CLI,然後安裝 Skill。

一個免費的 HyperFrames 區塊,做 5 秒的金錢時刻。大字金額以 Apple 風格的字體從 $0 跳到 $10,000,數字到位時畫面閃出綠光,硬幣和鈔票向外噴發,和內建的收銀機音效對準節拍。金額、格式和顏色都在 HTML 裡修改;背景是透明的。

更新於 2026年11月3日

你將得到

  • 一段 5 秒、1920×1080、透明背景的數字跳動畫面
  • 到達目標時的綠色閃光和硬幣鈔票噴發
  • 內建音效,和數字跳動對準節拍

適合

  • 業績里程碑和上市成績
  • 省錢和價格訴求
  • 創作者收入和募資進度

不適合

  • 需要小數點的精確數字
  • 沉穩、奢華的調性

關於此 Skill

你只需說

/apple-money-count 做一支金額跳動計數,數到 $10,000,呈現 Aurelle 疊戴金飾系列上市第一小時的成績,背景用柔和的金色。

有時候數字本身就是故事:開賣首日業績、省下的錢、募資總額。金額跳動計數讓這個數字有力地登場:乾淨俐落地往上跳,到達目標時閃一下綠光,硬幣和鈔票一起噴出,音效正好打在那一刻。

運作方式

  1. 提出需求:告訴助手目標金額,想的話再加一行和數字一起出現的說明。
  2. 填入:它把你的文案和顏色寫進區塊的變數,文字長度盡量貼近版面原本設計的長度。
  3. 算繪:它用 npx hyperframes render 算繪一版草稿,檢查幾格畫面,再算繪出最終的 MP4。
  4. 重複使用:變數都放在一個小小的 JSON 檔裡,下一個版本再算繪一次就好。

小訣竅

  • 整數目標在畫面上最好讀,像 $10,000 或 $250K。
  • 在剪輯或 HTML 裡加一行說明,讓觀眾知道這個數字代表什麼。
  • 背景是透明的,請帶 Alpha 通道算繪,再疊到你自己的影片、照片或純色背景上;SKILL.md 裡有這兩道指令。
  • 這個區塊沒有變數:助手會照著 SKILL.md,直接在 HTML 裡修改文字和數字。

開源

這是 HyperFrames registry 裡的一個區塊,由 HeyGen 和 HyperFrames 貢獻者製作(heygen-com/hyperframes),以 Apache License 2.0 開源。下載內容包含區塊和它的素材,以及一份由 Reelity 撰寫的 SKILL.md,讓你的助手知道怎麼填寫和算繪;HyperFrames 本身從 npm 執行。

開始前需要準備

你需提供
金額和一行說明。
依賴
Node.js 22 或更新版本——必要 · FFmpeg——必要
外部費用
沒有。HyperFrames 免費開源,在你自己的電腦上算繪。
最近測試
v1.0.0 —

使用者評價

還沒有評價。安裝這個 Skill,成為第一個評分的人。

常見問題

可以數到別的金額嗎?

可以。目標只是程式碼裡的一個數字,助手改掉它,格式也會跟著調整。

有附音效嗎?

有。內建收銀機風格的音效,和數字跳動對準節拍。

為什麼免費?

這是 HeyGen 和 HyperFrames 貢獻者做的開源 HyperFrames 區塊。我們原樣上架,附上 SKILL.md 讓你的助手直接上手,範例是用我們自家品牌 Aurelle 做的。

相關指南

How to make a money counter animation for a sales milestoneA number that counts up and explodes in green is the most direct way to celebrate a result. How to make one with sound, free, with the Money Counter block.How to make an animated statistic for an adOne strong number can carry an ad. How to count it up with a label, progress track and caption, free, with the Progress Stat Card block.

相似 Skill

檢視全部