プレミアム動画Skillがすべて使える、ひとつのプラン。いつでも解約できます。プランを見る
Aurelle · 16:9

このSkillで書き出した映像

マネーカウンター v1.0.0

大きなドル金額がゼロからカウントアップし、目標に達した瞬間に緑にフラッシュ。コインと紙幣が弾け、効果音も付いています。

まだ評価はありません 0 ダウンロード
フォーマット
動画 · 16:9
尺
0:05

無料 アカウント登録で無料

ログインしてダウンロード

これをエージェントに貼り付けてください。必要ならCLIを接続し、Skillをインストールします。

5秒のマネーシーン向けの無料 HyperFrames ブロック。大きな数字が Apple 風の書体で $0 から $10,000 までカウントアップし、着地と同時に画面が緑にフラッシュ、コインと紙幣が外へ弾け飛びます。タイミングは内蔵のレジ音に合わせてあります。金額、表示形式、色は HTML で編集します。背景は透過です。

2026年11月3日 更新

得られるもの

  • 透過背景の5秒・1920×1080 のカウントアップ
  • 目標での緑のフラッシュと、コインと紙幣のバースト
  • カウントに合わせた内蔵の効果音

向いている用途

  • 売上の節目やローンチの成果
  • 節約額や価格の訴求
  • クリエイターの収益や寄付の報告

向いていない用途

  • 小数点が必要な正確な数字
  • 落ち着いたラグジュアリーなトーン

このSkillについて

依頼の例

/apple-money-count Aurelle のゴールドスタック発売、最初の1時間を表すマネーカウンターを作って。$10,000 までカウントアップ、背景はやわらかなゴールドで。

数字そのものが主役になる場面があります。初日の売上、節約できた金額、集まった寄付の総額。マネーカウンターはその数字をしっかり印象づけます。すっきりしたカウントアップ、目標での緑のフラッシュ、コインと紙幣のバースト、そしてヒットに合わせた効果音。

使い方

  1. 依頼:目標金額と、必要なら一緒に表示する1行の説明をエージェントに伝えます。
  2. 入力:コピーと色をブロックの変数に書き込みます。文字数はレイアウトの想定に近い長さに保ちます。
  3. レンダー:npx hyperframes render で下書きをレンダーし、いくつかのフレームを確認してから最終版の MP4 を書き出します。
  4. 再利用:変数は小さな JSON ファイル1つにまとまっているので、次のバージョンもレンダー1回で済みます。

コツ

  • $10,000 や $250K のようなキリのいい数字が画面ではいちばん読みやすいです。
  • 数字の意味が伝わるよう、編集時か HTML で1行の説明を添えましょう。
  • 背景は透過なので、アルファチャンネル付きでレンダーして自分の映像や写真、単色の背景に重ねます。そのための2つのコマンドは SKILL.md に載っています。
  • 変数はありません。エージェントが SKILL.md に沿って、HTML 内のテキストや数字を直接編集します。

オープンソース

これは HyperFrames のレジストリブロックです。HeyGen と HyperFrames のコントリビューター(heygen-com/hyperframes)が作り、Apache License 2.0 で公開しています。ダウンロードはアセット込みのブロックに Reelity が書いた SKILL.md を添えたもので、エージェントが中身の埋め方とレンダー方法を把握できます。HyperFrames 本体は npm から実行されます。

始める前に必要なもの

用意するもの
金額と1行の説明。
依存関係
Node.js 22 以降 — 必須 · FFmpeg — 必須
外部コスト
ありません。HyperFrames は無料のオープンソースで、手元のマシンでレンダーします。
最終テスト
v1.0.0 —

ユーザーレビュー

まだレビューはありません。インストールして最初に評価しましょう。

よくある質問

別の金額までカウントできますか?

はい。目標はスクリプト内の数字ひとつです。エージェントが変更すれば、表示形式もそれに合わせて変わります。

サウンドは入っていますか?

はい。レジ風の効果音が内蔵されていて、カウントに合わせてあります。

なぜ無料なのですか?

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

すべて見る