実例 · 2026年10月10日更新
Claude Motion 風の例を実際にレンダリング
多くの実例ページはカバー画像を表示するだけです。ここでは、ツールが出力したままの実際の動画を、サンプルデータでご覧いただけます。カードにカーソルを合わせると再生されます。
ご覧いただくもの
最初の80本は用途別の完成動画です。授業、取締役会向けの報告、新製品のティザー、ピッチ、リリースノートなどがあります。どれも比較、アイコン付きカード、折れ線グラフや棒グラフ、絵のシーンといったシーンタイプを組み合わせ、スタイルに合わせたタッチの絵が描かれています。
その下では、同じ6つのシーンをすべてのスタイルで表示しているので、内容ではなく見た目の違いを比べられます。
数字や名前はサンプルデータで、一目で架空とわかるようにしています。
同じ6シーンを、あらゆるスタイルで
クリックして試せるサンプル
同じコンテンツモデルから、インタラクティブなスライドも作れます。こちらはページ上で実際に動きます。グラフを切り替えたり、クイズに答えたり、用語をドラッグしたりしてみてください。
よくある質問
これらはAnthropicのClaude Motionで作られていますか?
いいえ。コーディングエージェントを使い、オープンソースのHyperFramesレンダラー上でMotionKitで作成しています。コードで書くアニメーションという、同じ種類の成果物をお見せしています。
このサンプルは再利用できますか?
購読者は、すべてのサンプルのソースプロジェクトを入手できます。自分のコンテンツに合わせてコピーして書き換えることもできます。
レンダリングにはどのくらいかかりますか?
最近のノートPCで、28秒の1080pクリップが約1分です。
関連記事
- Claude Motion が表示されない原因
- Claude Motion の料金をプラン別に解説
- Claude Motion と Runway、HeyGen、Canva の比較
- Claude でアニメーションを作る方法
- Claude のアーティファクトを動画にする
- Claude CodeとCodex向けのオープンソースモーションスキル
MotionKit は独立した製品であり、Anthropic、HeyGen、Runway、Canva、Remotion、Motion Canvas とは提携していません。製品名は各所有者に帰属し、説明と比較の目的でのみ使用しています。