Claudeのモーショングラフィックス：Opus 5.5のプロンプト5つと、実際にできた作品
「Claudeのモーショングラフィックス」と言えば、いまはほぼ1つのことを指します。Claude Opus 5.5がコードを書いてアニメーションの全フレームをcanvasに描き、サウンドトラックまでコードで作る、というものです。After Effectsも、ストック映像も、動画生成モデルも使いません。Opus 5.5のリリース後に広まったクリップはこの方法で作られていて、iArtのAnimationモードもこれと同じ仕組みで動いています。
以下では、5つのプロンプトと、それぞれから生まれた作品、そして私たちならどこを直すかを紹介します。どのプロンプトもAnimationモードと同じ指示のもとでClaude Opus 5.5で1回だけ実行し、最初の結果をそのまま載せています。弱点は各作品の下にまとめました。アプリでは、こうした修正は追加のメッセージで頼めます。
5つのプロンプトと、実際にできた作品
1. すべての始まりになったショーリールのプロンプト
X で最も再生されたOpus 5.5のクリップの1つ、@stephanliveraさんの15秒のショーリール（再生回数200万回超）の元になったプロンプトです。題材は一切与えず、肩書きと求める水準だけを伝えているので、「すごいところを見せて」と言われたときにClaudeが何を持ち出すのかがわかります。
クリエイターのプロンプト（原文のまま）：
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秒で7カット。すべてがClaude自身が書いた128 bpmの曲の小節の頭に合わせて切り替わります。スクワッシュ＆ストレッチで弾むドット、叩きつけるように現れる文字、トーラスへと変形する3Dの点の球体、波のように次々と裏返る図形のグリッド、ずらして重ねた線のリボン、リングのトンネル、そして「CLAUDE」の文字に着地するフィナーレ。1つの赤いドットがすべてのシーンを貫いていて、そのおかげでエフェクトの羅列ではなく、1本のリールとして見えます。
直したいところ：線のシーンは6つの中でいちばんおとなしく、冒頭の1.5秒は黒い画面にドットが1つあるだけです。2回実行すれば別のリールができます。題材のないプロンプトなので、それが狙いです。
2. ロゴリビール
ロゴリビールは、多くの人が実際にいちばん必要とするモーショングラフィックスです。Claudeにはワードマーク、雰囲気、そしてどこで終わるかを伝えましょう。
私たちのプロンプト：
AIモーショングラフィックススタジオ「iArt」の8秒のロゴリビール動画を作って。ロゴはワードマーク「iArt」だけ。パンチがあって高級感のある感じで、ロゴが着地する瞬間に気持ちのいい一撃を入れて。最後はロゴの下に「iart.ai」を出して終わる。
できた作品：Claudeは文字そのものからアイデアを見つけました。「i」の点がキーフレームを打たれたボールになり、グラフエディターのようにモーションパスとベジェハンドル付きで描かれ、1回弾んでから点のない「i」の上に落ちます。その周りにワードマークがサブベースの一撃とともに叩きつけるように現れ、光が文字の上をすっと横切り、下からURLがせり上がってきます。
直したいところ：最初の2.5秒は画面の上側しか使っておらず、グラフエディターの線はスマホでは見えなくなるほど薄くなっています。実際のロゴファイルがあるなら、Claudeに社名を組ませるのではなく、iArtでファイルを添付して「作品に登場させて」と伝えましょう。
3. キネティックタイポグラフィ
全フレームをコードで描く強みがいちばん出るのがキネティックタイポグラフィです。文字が本物のテキストなので、生成動画のように綴りが崩れることがありません。
私たちのプロンプト：
アラン・ケイの言葉「未来を予測する最善の方法は、それを発明することだ。」のキネティックタイポグラフィ。12秒くらい、Reels用の縦型。すべての単語をビートに合わせて動かして。
できた作品：120 bpmで1拍に1語ずつ組み上がっていく、活版印刷風のポスターです。「PREDICT」からは疑問符で終わる点線の予想が扇状に広がり、「THE FUTURE」は中抜きのアウトライン文字で登場し、1小節の無音をはさんで、音楽がメジャーコードに解決すると同時に「INVENT IT.」が赤で打ち込まれます。最後にカメラが引いて、署名入りの完成したポスターを見せます。
直したいところ：4.5秒から6秒あたりまで画面の下半分が何もない紙のままで、クレジットの行もスマホサイズでは小さすぎます。
4. シームレスな3Dループ
canvasは2Dですが、Claudeは3Dエンジンを使わず、自分で3Dの形をcanvasに投影します。ループはよいテストになります。最後のフレームが最初のフレームに自然につながらなければならないからです。
私たちのプロンプト：
シームレスにループする10秒の3Dモーショングラフィックス。抽象的な幾何学図形が変形しながら奥行きのある空間を周回する、催眠的な映像で、最後のフレームが最初のフレームにそのままつながるように。配信の背景と、自分のInstagramのグリッド用。
できた作品：玉虫色に輝く1つの立体が、ねじれながら球からトーラス、角の丸い立方体、6枚の花びらを持つ星へと変形し、また元に戻ります。その手前と奥では、3つの小さな立体が傾いた軌道を周回しています。形が変わるたびに96 bpmのアンビエント曲の強拍に合わせて着地し、映像も音楽もちょうど10秒ごとにまったく同じく繰り返されるので、継ぎ目なくループします。
直したいところ：変形の途中のフレームでは表面に小さなしわが出ます。また、つなぎ目の前後でループがいちばんゆっくりになり、1秒ほど球がただ転がっているだけになります。
5. データストーリー
データを扱うときは、数字をプロンプトに入れてください。Claudeは渡されたものをアニメーションにするのであって、事実の出どころにすべきではありません。
私たちのプロンプト（節目の年は国連の推計としてよく引用されるもの。国連は80億人到達を2022年11月15日としています）：
世界人口をテーマにした15秒の縦型モーショングラフィック。人口が10億人に達したのは1804年で、その後は20億人が1927年、30億人が1960年、40億人が1974年、50億人が1987年、60億人が1999年、70億人が2011年、80億人が2022年。加速していく感じをドラマチックに見せて。
できた作品：新聞の図表風の階段グラフです。時計は1秒あたり28年という一定の速さで進むので、最初の段は123年かけてじわじわ進み、後の段が速く来るのは実際の間隔が短いからにすぎません。演出されたドラマではなく、事実そのもののドラマです。10億人ごとに上がっていくベルの音が鳴るので、メロディーはひとりでに速くなり、作品は肝心の比較で終わります。2番目の10億人には123年かかり、8番目の10億人は11年でした。
直したいところ：見出しに時計の年と現在の人口（10億単位）が並んで表示されるため、カウントがまだ20億のうちに一瞬「2 BILLION, 1944」と読めてしまいます。見る人がその年を節目の年だと受け取るおそれがあります。また、カメラが引くとラベルが小さくなります。どちらも追加のメッセージで頼むような修正です。
Claudeのモーショングラフィックスのプロンプトをうまく書くコツ
5つのプロンプトはどれも短いものです。共通点は次のとおりです。
- 長さと画面の形。「15秒」「Reels用の縦型」。長さを指定しない場合、iArtのAnimationモードは15〜20秒になります。
- 機能の一覧ではなく、1つのアイデア。「世界人口と、その増え方がどれだけ速くなったか」と書けば、Claudeはストーリーを組み立てられます。箇条書きを5つ渡すと、スライドが5枚できるだけです。
- 正確な言葉と数字。言葉は引用し、データは列挙しましょう。Claudeは文字を本物のテキストとして描くので、書いたとおりのものが画面に出ます。
- 肝心な瞬間にどう感じてほしいか。「ロゴが着地する瞬間に気持ちのいい一撃を」「加速していく感じをドラマチックに」。Claudeはそこを軸にタイミングと音を組み立てます。
- 驚かせてもらう余地。ショーリールのプロンプトは題材を一切指定していませんが、いちばん独創的な作品になりました。何のための作品かを伝え、どう見せるかはClaudeに任せましょう。
スキルを入れたClaude Codeか、iArtのAnimationモードか
こうした作品はClaude Codeで自分で作ることもできます。方法はオープンソースで、javascript-animation-skillsが私たちがそのために書いたスキルパックです。上の作品も同じ方法に沿って作られています。違うのは、モデルの周りにあるすべての部分です。
| Claude Code＋スキル | iArtのAnimationモード | |
|---|---|---|
| 準備 | スキル、Node、ヘッドレスブラウザ、ffmpegをインストール | 不要。ページを開いて入力するだけ |
| プレビュー | 生成されたHTMLページを開く | エディター内で再生 |
| MP4の入手 | レンダリング用スクリプトを自分で実行 | ブラウザから書き出し |
| ナレーション | TTSサービスを自分でつなぐ | メッセージ欄で声を選ぶ |
| 手持ちの画像 | コードからローカルファイルを参照させる | スクリーンショット、写真、ロゴをアップロードして「作品に入れて」と伝える |
| モデル | 使っているClaudeのプランで動くもの | Claude Opus 5.5 |
普段からClaude Codeを使っているなら、スキルは無料で、すべてを自分でコントロールできます。パイプラインではなく作品がほしいなら、Animationモードを使いましょう。iArtの新規アカウントには無料クレジットが付いていて、最初の短い作品を作るには十分です。プランごとの書き出しオプションは料金ページをご覧ください。
FAQ
Claudeでモーショングラフィックスは作れますか？
はい。Claude Opus 5.5は、アニメーションの全フレームを2Dのcanvasに描くコードを書き、サウンドトラックも合成できます。話題になった「Opus 5.5で作った」モーショングラフィックスの多くは、この方法で作られています。スキルを入れたClaude Codeでも、iArtのAnimationモードのようなツールの中でも作れます。
AI動画生成ツールと同じものですか？
いいえ。動画生成ツールはピクセルを予測しますが、こちらはClaudeが作品を描くプログラムを書きます。そのため文字や数字が正確で、どの図形も頼めば修正できます。ただし、カメラで撮影したようなリアルな映像は作れません。
コードを書く必要はありますか？
いいえ。iArtのAnimationモードではプロンプトを入力するだけで、Claude Opus 5.5がコードを書いてチェックし、あなたはプレビューを見て、有料プランならMP4を書き出せます。Claude Codeでもコードを書く必要はありませんが、スキルのインストールとレンダリングは自分で行います。
Claudeのモーショングラフィックス動画はどれくらいの長さにできますか？
1つのアイデアなら15〜30秒がちょうどいい長さです。もっと長くしたいときは、続きを作るよう頼んでください。iArtは同じプロジェクトの中で作品をパートごとに作っていくので、見た目も音楽も引き継がれます。
これらのプロンプトを使ってもいいですか？
はい。ショーリールのプロンプトは@stephanliveraさんのもので、上でクレジットとリンクを載せています。残りの4つは私たちのものです。各作品の下のボタンからどれでもiArtに貼り付けて、題材を変えてみてください。
作りたいものに近いプロンプトを選んでボタンを押し、題材を変えてみてください。Animationモードがプロンプト入力済みの状態で開き、あなたが送信するのを待っています。