prompt-motion.com は、Claude Opus 5.5 で作られた229本ものモーショングラフィックス動画と、それぞれのプロンプトやカスタムスキルを収録しているギャラリーサイトです。すべてに目を通し、その制作ノウハウを徹底的に分析しました。このブログのトップページにあるオープニングアニメーションも、ここで得た知見をもとに構築しています。
最も拡散されたプロンプトは、たったの1行だった
約30人ものクリエイターが、まったく同じこの一文をそのまま使用していました：
make a dynamic 15-second motion graphics video that shows what an incredible motion designer you are, like it’s your showreel for a résumé. go all out. （あなたの優れたモーションデザイナーとしての実力を証明する、ポートフォリオ用のダイナミックな15秒のモーショングラフィックス動画を作ってください。持てる全力を出し切って。）
「自分の採用面接に向けたポートフォリオ作品」という明確な役割を与え、「持てる全力を出し切って」と添えることで、モデルは最高峰のパフォーマンスを発揮します。制作プロセスの記録がある作品のうち、実に9割が一発で完成（ワンテイク）していました。
しかし最高峰の作品群は、プロンプトが「エンジニアリング仕様書」になっている
クオリティが群を抜いている作品のプロンプトは、数千文字から1万文字を超えるボリュームがあり、その構造も驚くほど共通しています：
- inputs（素材の要求）：ブランド名、画像アセット、BPM 120のロイヤリティフリー音源など、必要な素材をまずユーザーに要求する。
- direction（演出方針）：世界観、フォント、カラーパレットに加え、禁止事項リスト（フェードイン・フェードアウト、パーティクル、グロー効果、テンプレート感のある演出）を定義。
- structure（ビート別構成）：音楽のビートに合わせて絵コンテを設計。「すべての拍（ビート）で何かしらの視覚的変化が起きる」ように指定。
- build（実装詳細）：コードの技術的な実装ルール。
- gotchas（注意点とハマりどころ）：過去の失敗パターンを先回りして記述。
- start（スモールスタート）：いきなり全体コードを書かず、まずはビートシートと4枚のキー静止画を提示し、人間側の承認を得てから本番の制作に入る。
そのまま真似できる9つの法則
- ワンカット（一連のカメラワーク）：カメラを切り替えず、1つのグラフィック要素が変形を繰り返しながら次のシーンへと流れるように遷移する。
- すべての拍に動きを宿す：音楽のBPMに合わせてタイムラインを刻み、拍の頭にきっちり動きのピークを合わせる。
- 要求よりも「禁止リスト」がクオリティを決める：安っぽいAI臭さを生む要素を徹底的に言語化して禁止する。
- アニメーションは「時間 $t$ の純粋関数」にする：各フレームの描画を時刻 $t$ だけで一意に決定できるようにする。これにより、任意のフレームへのシークや巻き戻しが自在になる。
- スプリングは解析解の公式で計算する：CSSアニメーションにはない上質で自然な弾性と追従感を実現し、完全に再現できる。
- カーソル主導のインタラクション：要素が勝手に動くのではなく、カーソルによるリアルなクリックやドラッグが起点となることで、格段に説得力が増す。
- 始点と終点をシームレスに繋ぐ：最終フレームの状態を最初のフレームと完全に一致させ、美しい無限ループを作る。
- 静止画カンプで確認してからコード化する：全体を一気に作らずキービジュアルで合意をとることで、手戻りを大幅に削減できる。
- 実装前に徹底的にリサーチする：プロダクトの公式サイトやソースコードを読み込み、実際の色、フォント、UIパーツの意匠を忠実に再現する。
どこで実践したか
このブログのトップページにあるアニメーションがまさにその実践です。黒い小さな点が名前に広がり、プロンプト入力ボックスに変化し、タイピングと送信を経て生成された画像が表示され、最後は再び黒い点へと収束してループします。すべてコードによるリアルタイム描画で、動画ファイルは1フレームも使っていません。
