ブログ · Claude Opus 5.5

Opus 5.5 のモーショングラフィックス:43 の作例とその裏のプロンプト

Claude Opus 5.5 の登場以来、多くの人がモーショングラフィックスを作らせて投稿しています。ローンチ動画、ロゴアニメーション、キネティックタイポグラフィ、レシピ解説。どれも Opus がコードを書いて MP4 にレンダリングしたものです。すべて見たうえで優れた 43 本を選び、作者のプロンプトを添えました。

Claude はどうやってモーショングラフィックス動画を作るのか

動画モデルは使いません。Opus はアニメーションをコード(SVG と JavaScript の Web ページ、React や Remotion のプロジェクト、ときには Three.js)として書き、ヘッドレスブラウザで 1 フレームずつ進めて、ffmpeg で動画にします。音楽や効果音もコードで合成します。

各フレームが時間の関数なので、ループはぴったりつながり、音は狙ったフレームに正確に乗ります。文字もくっきり正確で、製品名、価格、UI の文言が崩れません。

  • Deedy Das のローンチ動画は JavaScript、Playwright、ffmpeg だけで作られ、API の費用は約 2 ドルでした。
  • Ethan Mollick の再帰の動画は、すべての場面を React と SVG で描き、音楽を Python で合成しています。
  • Sarutobi Sasuke のカクテル解説は SVG と素の JavaScript の HTML ファイル 1 つで、アニメーションライブラリなし、約 25 分で完成しました。

Claude Code での作り方

  1. 空のフォルダで Claude Code を Opus 5.5 で起動する

    skill もプラグインも入れなかったという作者が何人もいます。Opus が自分でツールを選び、必要なものを入れます。

    mkdir launch-film && cd launch-film
    claude --model claude-opus-5-5
  2. プロンプトと自分の製品を渡す

    サイトの URL を添えると、ページを読んで台本まで自分で書きます。ロゴ、スクリーンショット、参考動画があると見た目を合わせやすくなります。

    make a dynamic 15-second motion graphics video that shows what an incredible motion designer you are for https://your-site.com. Visit the pages first to learn about the product, then write the video content yourself. Go all out.
  3. レンダリングさせる

    長さと effort によって数分から 1 時間半ほど。MP4 の保存場所を教えてもらうよう頼んでおくと便利です。

  4. 見て、ダメなところをはっきり伝える

    Sacha Arbonel の最初の版はテンポが速すぎ、音楽も弱いものでしたが、率直な追加指示ひとつで大きく良くなりました。テンポを落とす、著作権フリーの曲にする、縦横比を変える、などを頼めます。

みんなが真似したプロンプト

下の動画の多くは、X で広まった同じ短いプロンプトから始まっています:make a dynamic 15-second motion graphics video that shows what an incredible motion designer you are。作者たちがよく付け足していたもの:

  • 製品やサイト:「for <あなたの URL>」、または「まずページを見て製品を理解し、動画の内容は自分で書いて」。
  • 目指す方向:「自分のショーリールのように」「全力で(go all out)」「上質な開発者ツールのローンチフィルム」「Apple 風」。
  • 雰囲気や音:「サイケデリックで催眠的に」、または「オッペンハイマーのテーマ曲を参考に、ただし自分で作曲して」。
  • 禁止事項:「AI 製だとすぐわかる、隅の枠や小さな文字は避けて」。
  • 参考素材:ロゴ、画像 1 枚、手描きのスケッチ、真似したい別の動画。

製品のローンチ動画

実在の製品のローンチ動画、記念動画、ピッチ。多くはプロンプト 1 つから。

ロゴアニメーションとブランド動画

ロゴ、参考画像、あるいは有名な広告から作ったスティングと広告。

ショーリールとキネティックタイポグラフィ

モーションデザイナーとしての腕前を見せる Opus。文字、ループ、純粋な動き。

解説動画

レシピ、歴史、コンピュータサイエンスを動きで説明します。

さらに動画を見る

1 本につきスクリーンショット 3 枚とすべてのプロンプトを載せた全リストは GitHub にあります:awesome-claude-motion-video。

Claude の最新モデルで作られた 3D の世界や短編は、GitHub の Claude Fable 5.2 動画コレクション へ。新モデルの変更点や Opus 5.5 との比較は Claude Fable 5.2 ガイド をどうぞ。

よくある質問

Claude Opus 5.5 は動画を作れますか?

作れます。コードを書いて作ります。アニメーションを Web ページや Remotion のプロジェクトとして組み、1 フレームずつ MP4 にレンダリングし、音楽も自分で合成します。動画モデルのように映像を生成するわけではないので、文字、数字、UI がくっきり出ます。

skill、Remotion、After Effects は必要ですか?

必要ありません。skill なしの普通の Claude Code を使ったという作者が何人もいます。ツールは Opus が自分で選び、たいていは Playwright かヘッドレス Chrome と ffmpeg、ときどき Remotion です。

時間と費用はどれくらいですか?

約 1 分・2 ドル(Deedy Das)から、effort xhigh でレンダリング 1 時間半・14 ドル(monokern)まで。多くの作者はプロンプト 1 つで数分から 1 時間ほどと報告しています。

音楽はどこから?

Opus がたいてい Python か JavaScript で作曲・合成し、ヒットをカットに合わせます。著作権フリーの曲を使うよう頼んだ作者もいます。

これらのプロンプトは使っていいですか?

プロンプトは作者本人のもので、投稿から引用しています。自分の製品で試してみてください。動画そのものの権利は作者にあります。

いいね数、表示数、プロンプトは 2026 年 11 月 12 日に X と小紅書(RED)の元の投稿で 1 件ずつ確認しました。

動画づくりは AI 従業員に。

Crewmark は Claude Code と Codex のセッションを、役割、目標、勤務時間、ハートビートを持つ AI 従業員に変えます。