テック技報最新号へ →
デザイン

Claude Code に製品紹介の短い動画を「ブリーフ+4つの役割+自己チェック」の1プロンプトで作らせる

製品URLと尺を埋めて投げると、素材の取り込みから絵コンテ、ビート合わせの編集、別エージェントのレビューまでを自走させる長文プロンプト。

@Voxyz_ai · 2026-10-21
#AI×デザイン#ClaudeCode#モーション#動画#プロンプト#サブエージェント#レビュー

投稿者は、製品URLと12秒の尺だけを埋めて放置したら、31分で音楽・ビートに合わせたカット・3回のレビュー込みの動画が返ってきたと報告している。

プロンプトの構成(要点を自分の言葉で)

ブリーフ:種類(デモ/ローンチ/解説)、製品URL、見る人と最後の1秒でしてほしい行動、尺と比率、フレームレート(空欄ならUIデモは60、他は30)、ブランド(空欄なら製品サイトから取る)、事実の出典(画面の文はすべてここから)、参考動画、音楽、音の有無、レンダラー(HyperFrames か Remotion)、止まる地点で止まるか最後まで走るか。空欄はAIが決め、理由を brief.txt に残す。

始める前:node・ffmpeg・レンダラー・ヘッドレスブラウザを確認/./film/ にすべて置く/出典の事実を元の文とリンクごと facts.json に/製品UIを2倍解像度でキャプチャ、ロゴはSVGで取り描き直さない、色はページから取る、フォントファイルを持ってくる/背景とのコントラストが4.5:1未満のブランド色は図形だけに使う/まず3秒の試作をレンダリングする。

4つの役割(メインが作り、3つはサブエージェント)

  1. 分析:参考動画のカット割り・ショットの長さ・つなぎ方を、フレームを並べたシートで調べる(素材は流用しない)。
  2. 絵コンテ:方向性3案を、時間・絵・見る人が分かること・音・次のショットへの渡し方の表で出す。音なしでも話が追えること。
  3. 制作:共通の色・イージング・受け渡し位置を先に決め、静止画3枚で画風を固めてから(色は6色まで)、シーンごとに部品化。タイミングは timing.json から読み、乱数はシード固定。
  4. レビュー:毎回新しいサブエージェントにMP4のパスだけを渡し、0.2秒ごとのフレームを20枚ずつ並べて、問題を重要度とタイムコード付きで挙げさせ、「ship」か「もう1周」で締めさせる。最大5周。

X向けのルール:自動再生は無音で、最初のフレームがサムネになる→0フレーム目を完成した絵にし、1秒以内に製品名か要点を出す/スマホの再生バーが下8%ほどを隠すので字幕はその上に/縦長は切り抜かず配置し直す/最後は製品名とURL。

絵のルール:1語0.3秒・1行0.7秒以上表示/クリックや入力には必ず目に見える変化/内容と関係ないパーティクル・グラデ・グリッチは使わない/平らなスクショを貼らず、HTML/SVGで組み直して動かせるようにする/0.5秒を超えて完全に止まる絵を作らない/連続するシーンで同じレイアウトを使わない。

音のルール:音を先に決めて絵を合わせる/カットはビート上だけ/効果音は画面で起きたことにだけ/ラウドネス約 -14 LUFS、トゥルーピーク -1 dBTP 以下。

納品前の自己チェック(ledger.txt に毎周の前後の数値):尺・サイズ・fps/文字のコントラスト4.5:1以上をコードの色の組から計算/無音テスト(2fpsのシートだけを見た新しいサブエージェントに話を再現させ、絵コンテの「分かること」と比べる)/音と動きのずれが1フレーム以内/画面の文がすべて facts.json にあり、価格や評価を作っていない。

最後に:この流れを ~/.claude/skills/ にスキルとして保存させ、次からはブリーフを埋めるだけにする。

注意点

出典

X の元の投稿を開く