
このSkillで書き出した映像
マネーカウンター v1.0.0
大きなドル金額がゼロからカウントアップし、目標に達した瞬間に緑にフラッシュ。コインと紙幣が弾け、効果音も付いています。
- フォーマット
- 動画 · 16:9
- 尺
- 0:05
5秒のマネーシーン向けの無料 HyperFrames ブロック。大きな数字が Apple 風の書体で $0 から $10,000 までカウントアップし、着地と同時に画面が緑にフラッシュ、コインと紙幣が外へ弾け飛びます。タイミングは内蔵のレジ音に合わせてあります。金額、表示形式、色は HTML で編集します。背景は透過です。
2026年11月3日 更新
得られるもの
- 透過背景の5秒・1920×1080 のカウントアップ
- 目標での緑のフラッシュと、コインと紙幣のバースト
- カウントに合わせた内蔵の効果音
向いている用途
- 売上の節目やローンチの成果
- 節約額や価格の訴求
- クリエイターの収益や寄付の報告
向いていない用途
- 小数点が必要な正確な数字
- 落ち着いたラグジュアリーなトーン
このSkillについて
/apple-money-count Aurelle のゴールドスタック発売、最初の1時間を表すマネーカウンターを作って。$10,000 までカウントアップ、背景はやわらかなゴールドで。
数字そのものが主役になる場面があります。初日の売上、節約できた金額、集まった寄付の総額。マネーカウンターはその数字をしっかり印象づけます。すっきりしたカウントアップ、目標での緑のフラッシュ、コインと紙幣のバースト、そしてヒットに合わせた効果音。
使い方
- 依頼:目標金額と、必要なら一緒に表示する1行の説明をエージェントに伝えます。
- 入力:コピーと色をブロックの変数に書き込みます。文字数はレイアウトの想定に近い長さに保ちます。
- レンダー:
npx hyperframes renderで下書きをレンダーし、いくつかのフレームを確認してから最終版の MP4 を書き出します。 - 再利用:変数は小さな 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 で作ったサンプルを付けています。






