ブログ · Claude

Claude のモーショングラフィックス:Claude で作った動画 75 本と、その裏のプロンプト

Claude には動画モデルがありません。それでも、Claude で作った動画が毎日のように投稿されています。Claude はアニメーションをコードとして書き、MP4 にレンダリングするか、ブラウザでそのまま動かします。Claude Opus 5.5 と Claude Fable 5.2 の登場以来、ローンチ動画、ロゴアニメーション、キネティックタイポグラフィ、アニメーションの短編、3D の世界が次々に共有されてきました。その中から優れた 75 本を、作者の投稿へのリンクと、公開されていればプロンプトとともに紹介します。

Claude はどうやって動画を作るのか

映像を生成するわけではありません。Claude はすべてのフレームを描くコードを書きます。SVG と JavaScript の HTML ページ、React や Remotion のプロジェクト、Three.js や WebGL、あるいは Python から操作する Blender です。そのうえでヘッドレスブラウザや Blender で 1 フレームずつ進め、ffmpeg に流し込んで動画にします。音楽や効果音も、たいていコードで合成します。

各フレームが時間の関数なので、文字、ロゴ、価格、UI はくっきり正確に出て、ループはぴったりつながり、音は狙ったフレームに正確に乗ります。

  • Deedy Das のローンチ動画は JavaScript、Playwright、ffmpeg だけで作られ、API の費用は約 2 ドルでした。
  • 0kncn の 90 秒のアニメは、Python で Blender にカットを一つずつ組み、音楽は numpy で書かれました。
  • Sarutobi Sasuke のカクテル解説は SVG と素の JavaScript の HTML ファイル 1 つで、アニメーションライブラリなし、約 25 分で完成しました。
  • Fable 5.2 の動画でいちばん多くのいいねを集めた Peter Gostev のイスタンブールは、Fable 5.2 Max で約 46 ドルでした。

Claude でモーショングラフィックスを作る方法

  1. 空のフォルダで Claude Code を開く

    Claude Code は Claude の Pro、Max、Ultra、Team、Enterprise に付属し、Free では使えません。製品のローンチ動画やモーショングラフィックスなら Opus 5.5、3D の世界や短編なら Fable 5.2 を選びます。Fable 5.2 にも Pro 以上のプランが必要です。skill もプラグインも入れなかったという作者が何人もいます。

    mkdir launch-film && cd launch-film
    claude --model claude-opus-5-5
    # or: claude --model claude-fable-5-2
  2. プロンプトと素材を渡す

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

    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. レンダリングさせて、ダメなところを伝える

    数分から 1 時間半ほどかかります。解像度とフレームレートを指定した MP4 か、共有できる 1 つの HTML ページを頼みましょう。そのあと、テンポを落とす、著作権フリーの曲にする、縦横比を変える、などを頼めます。

製品のローンチ動画(Opus 5.5)

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

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

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

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

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

解説動画

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

短編とアニメーション(Fable 5.2)

カメラワーク、物語、音楽のある、Claude Fable 5.2 で作った短い映像。

3D の世界とジオラマ

街、船、島。いくつかは中を歩き回れるライブのページです。

動く Web サイト

スクロールやクリックで動くランディングページや製品ページ。

科学・宇宙・データ

銀河、ブラックホール、ウイルス、海底。実データを使ったものも多くあります。

さらに多くの動画と全リスト

各動画の静止画とプロンプト全文は GitHub にあります。モーショングラフィックスは awesome-claude-motion-video、Fable 5.2 は awesome-claude-fable-videos です。モデル別には Opus 5.5 のモーショングラフィックス と Claude Fable 5.2 の動画 をどうぞ。同じ方法で作られたゲームは Claude Fable 5.2 のゲーム にあります。

Claude のモーショングラフィックスに関するよくある質問

Claude は動画を生成できますか?

動画モデルと同じ方法ではありません。Claude は各フレームを描くコードを HTML と JavaScript、Remotion、Three.js、Blender で書き、MP4 にレンダリングするか、ブラウザでそのまま動かします。だから文字、数字、ロゴがくっきり出ます。

Claude のモーショングラフィックス用の skill はありますか?

なくても作れます。skill もプラグインもない普通の Claude Code を使ったという作者が何人もいます。ツールは Claude が自分で選び、たいていはヘッドレスブラウザと ffmpeg、ときどき Remotion や Blender です。

Claude で動画を作るにはどのプランが必要ですか?

Claude の Pro、Max、Ultra、Team、Enterprise に付属する Claude Code(Free は対象外)か、API が必要です。Fable 5.2 にも Pro 以上が必要で、Pro と Team の標準シートでは週の利用上限の最大 50% まで使えます。

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

約 1 分・2 ドル(Deedy Das のローンチ動画)から、レンダリング 1 時間半まで。Fable 5.2 では、小さなシーンで約 20 分・7 ドル、Fable 5.2 Max のイスタンブールで約 46 ドルだったと作者たちが報告しています。

動画には Opus 5.5 と Fable 5.2 のどちら?

どちらも使われています。投稿を見る限り、Opus 5.5 は製品のローンチ動画やモーショングラフィックスに、Fable 5.2 は 3D の世界や短編に多く使われています。

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

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

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

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

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