できること

  • 30 fps の MP4 スティング(10〜13 秒、正方形、縦、横のいずれか)
  • すべての場面を編集できる、1 ファイルの HyperFrames プロジェクト
  • 各カットの方向を記録したつなぎ目の台帳
  • 差し込み枠、ブランドのトークン、権利、実測値をまとめた引き継ぎメモ
  • 任意:PopNow の BGM(SNS の音量目標に合わせてミックス)

向いている用途

  • ローンチ当日の SNS 投稿やループ動画
  • イベント画面や講演の前のバンパー
  • より長い製品動画の冒頭数秒

向いていない用途

  • 製品の仕組みの説明(議論の余地を入れる時間がありません)
  • 見せられる画面、ナビゲーション、作成ボタンがない製品
  • 映像素材を使った動画や実写のプロモ

使い方

Claude・ChatGPT で

PopNow のスキル「モバイルアプリのプロモ動画」(app-promo-sting)を使って、次のことをしてください:メモアプリの 12 秒の正方形スティングを作って。サインイン、「今週保存したアイデア 1,284」、サイドバー、そして会議メモの作成。

コーディングエージェントで

/popnow-app-promo-sting メモアプリの 12 秒の正方形スティングを作って。サインイン、「今週保存したアイデア 1,284」、サイドバー、そして会議メモの作成。

次はこれ

カンファレンスのスクリーン用に、16:9 の横長版も作って。

エンドカードで音楽が鳴る BGM を追加して。先にクレジットの見積もりを出して。

用意しておくもの

  • マーク(できれば 2 つの部品に分かれたもの)と 4 色
  • サインイン、重要な数字、ナビゲーション、ひとつの操作の画面
  • Node.js 22+ と FFmpeg。BGM 用の任意の PopNow API キー

似ているスキル

すべて見る →

よくある質問

AI の動画モデルで作られますか?

いいえ。すべてのフレームは、エージェントが書いた HTML、CSS、SVG、GSAP で、HyperFrames が MP4 にレンダリングします。そのため文字はくっきりし、画面は実際の製品です。PopNow は任意の BGM や背景にだけ使います。

どうしてカットが続いて見えるのですか?

各カットは、コードを書く前につなぎ目の台帳で計画します。出ていくシーンは、フレームが切り替わるときもまだ動いていて、次のシーンは同じ軸と向きで、すでに動いた状態で入ってきます。イージングの曲線も共通の 2 つだけです。

あとでブランドを変えられますか?

はい。差し込み枠、コピー、4 色のトークンはデータです。スキルはフレームの計画とイージングを保持し、場面のタイミングを変えたときに再確認すべきつなぎ目を台帳が示します。

何をインストールする必要がありますか?

Node.js 22 以降と FFmpeg です。HyperFrames は npx で動き、関連するエージェントスキルは 1 コマンドずつインストールできます。手順とフォールバックのルールはパッケージに含まれています。