Bang Motion プロモ v1.19.0

プロモ、オープナー、プロダクトツアー、解説動画をエージェントに頼んでください。Bang Motion はエージェントを本物のモーションデザイナーのように働かせます。見た目はブランドから、構成はコンセプトのメニューから選び、仕上がりは映画のように動きます。人や商品が画面の端から弾むように入り、ラベルがそれに貼りつき、巨大な単語が背後に置かれ、色面はきっかけがあって初めて切り替わり、フェードではなくカメラが次の場面へ押し込みます。

仕組み

1. ブリーフ：商品、ターゲット、尺、画面比率を伝え、ロゴ、サイト、スクリーンショット、写真を渡します。
2. スタイルブリーフ：3つのコンセプト案、推奨案、構成の骨子、すべての色の出どころを書いたパレットが返ってきます。コードを書く前に承認か修正をします。
3. 素材：まずはあなたの写真とロゴ。なければ画像ツールで架空の人物や商品を生成するか、写真のいらないコンセプトを選びます。
4. 制作：HTML、CSS、GSAP で index.html を1つ書き、キーフレームを自分のルール（スライドのようなフェードなし、主役が常にいる、文字は2階層まで、スマホで読める）で確認して直します。
5. 納品：ファイルをダブルクリックすれば再生、?debug=1 でスクラブ、同梱スクリプトでコマ落ちのない MP4 も書き出せます（Node.js、Puppeteer、FFmpeg が必要）。

コツ

• シーンを並べるのではなく、スタイル名で伝えてください：「flat pop with photos」「grainy gradient」「poster color-block」「product tour with claims」。
• 本物のブランド素材を渡してください。配色と形はそこから導かれます。
• 文字は短く：オープナーは1つの感情、解説は1つの主張だけ。
• 新しい動画は新しいチャットで。前の判断が持ち込まれません。

オープンソース

Bang Motion は Bang Tutorial（bangtutorial/bang-motion）が作り、MIT ライセンスで公開しています。ダウンロードは GitHub で公開されている Skill そのままです。説明はインドネシア語、README は英語ですが、エージェントはどちらも読み、あなたの言語で作業します。