Motion Skills
← ガイド

コーディングエージェント向け、無料のオープンソース・モーション動画スタック:どの工程をどのツールが担うか(2026年版)

Claude Code、Codex、Cursor のモーション動画は、全工程を無料ツール(大半はオープンソース)でまかなえます。シーンは Remotion か Three.js、数学は Manim、声は CosyVoice、字幕は WhisperX、ビートは librosa、エンコードは FFmpeg。ストーリー、テンポ、事実は決めてくれません。

各プロジェクトの情報は、それぞれの README、ライセンスファイル、公式サイトをもとに2026年11月3日に確認しました。Motion Skills は私たちが作っているので、それについての私たちの説明はその点を踏まえてお読みください。

エージェントのモーションスタジオ向けとされる無料の「スキル」の一覧に並んでいるのは、ほとんどがライブラリやアプリで、エージェントスキルではありません。エージェントはそれらを使うコードを書けますが、どれも良い映像とは何かを教えてはくれません。ここでは工程ごとに紹介します。

一覧

工程 ツール できること ライセンス あなたに残ること
シーンとモーション Remotion 動画を React コンポーネントとして書き、ファイルにレンダリング 独自ライセンス。4 人以上は Company License ストーリー、タイミング、見た目、音
シーンとモーション Remotion agent skills エージェントに Remotion のコードの書き方を教える ライセンスファイルなし。Remotion と組み合わせて使う Remotion と同じ
シーンとモーション Anime.js CSS、SVG、DOM 属性、JS オブジェクトをアニメーション MIT 動いているページを動画にすること
シーンとモーション Motion React、JavaScript、Vue 向けのアニメーションライブラリ MIT(Motion+ は有料) 動いているページを動画にすること
3D Three.js ブラウザーで動く 3D。WebGL と WebGPU のレンダラー MIT ライティング、カメラ、フレームのキャプチャー
光 three-gpu-pathtracer Three.js 向けのパストレーシングによる光 MIT WebGPU 対応ブラウザー、レンダリング時間
物理 Jolt Physics (JoltPhysics.js) 剛体物理。JS 移植版あり MIT シーンへの組み込み
エフェクト pmndrs/postprocessing Three.js 向けのブルームなど画面全体のエフェクト Zlib センス:エフェクトが効く場面の判断
エフェクト three.quarks Three.js 向けのパーティクルと VFX MIT 組み込み、タイミング
調整 Tweakpane 値をその場で調整できる小さなパネル MIT レンダリングには含まれない
3D アプリ MCP for Blender(旧 blender-mcp) エージェントが MCP 経由で Blender を操作 MIT。Blender は GPL 実行されるコードの確認
2D ベクター lottie-web After Effects から JSON で書き出したアニメーションを再生 MIT 制作。After Effects で行う
数学 Manim (Community) 数学の解説動画を作る Python エンジン MIT 説明そのもの、Python の環境構築
画像と映像素材 ComfyUI 画像、動画、3D、音声のモデルを実行 GPL-3.0 GPU、各モデルのライセンス
声 CosyVoice 多言語の音声合成とボイスクローン Apache 2.0(コードと v3 の重み) 原稿、使う声の権利
字幕 WhisperX 単語単位のタイムスタンプ付き文字起こし BSD-2-Clause 校正、字幕のスタイル
ビート同期 librosa ビートトラッカーを含む音声解析 ISC ビートとカットの対応付け
収録 OBS Studio 画面とカメラのキャプチャー、録画 GPL-2.0 以降 収録そのもの
カット LosslessCut 再エンコードせずに動画をトリミング・結合 GPL-2.0 タイトル、エフェクト、ミキシング
エンコード FFmpeg 音声と動画の変換、エンコード、多重化 LGPL 2.1+、オプション部分を含めると GPL 具体的なコマンド

シーンとモーション

Remotion は動画を React コンポーネントとして書き、手元のマシン、サーバー、AWS Lambda でレンダリングします。ライセンスはオープンソースのものではなく独自のものです。個人、従業員 3 人までの企業、非営利団体、評価目的なら「商用でも」無料で、それより大きな企業には Company License が必要です。ライセンスファイルには、Remotion 5.0 で「少し変わる」とあります。

Remotion のエージェントスキル(npx skills add remotion-dev/skills)は、Claude Code、Codex、Cursor に Remotion の API を教えます。/remotion-create、/remotion-markup、/remotion-render、/remotion-captions、/remotion-maps などがあります。正しくなるのはコードで、映像の出来ではありません。詳しくは Remotion のエージェントスキルと Motion Skills の比較をご覧ください。

Anime.js と Motion(旧 Framer Motion)は、動いているウェブページ向けのアニメーションライブラリで、どちらも MIT です。Motion には無料で MIT ライセンスの /motion エージェントスキル(npx motion-ai)があり、追加機能の Motion+ は有料ライセンスです。どちらの README にも動画の書き出しについての記載はありません。ページを 1 フレームずつ進めてエンコードする仕組みを用意するか、画面を録画することになります。

3D、光、物理、エフェクト

土台になるのは Three.js です。WebGL と WebGPU のレンダラーを持つ汎用の 3D ライブラリです。three-gpu-pathtracer は、パストレーシングによる物理ベースの光を加えます。WebGPU が必要で、画像を 1 サンプルずつ積み上げていくため、きれいな 1 フレームには何度もパスを重ねます。『Horizon Forbidden West』でも使われた Jolt Physics は剛体をシミュレーションし、JoltPhysics.js で JavaScript から使えます。シミュレーションは決定論的なので、シーンを再レンダリングしても毎回同じように落ちます。postprocessing(Zlib)はブルームなど画面全体のエフェクトを、three.quarks はパーティクルを加え、Tweakpane はプレビュー中に値を調整するスライダーを用意します。

MCP for Blender(blender-mcp から改名)は、Blender 公式ではないコミュニティ製のプラグインで、Claude Code、Codex、Cursor などの MCP クライアントが Blender の中で作業できるようにします。README には、初期設定のままではエージェントが「Blender で任意の Python コードを実行できる」と注意書きがあり、BLENDER_MCP_SAFE_MODE=1 で危険なスクリプトをブロックできます。DISABLE_TELEMETRY=true を設定しない限り、最小限の匿名の利用記録を送信します。Blender は GPL で、そのライセンスページには、Blender で作った画像や映像はあなたのものだと書かれています。

2D ベクターと数学の解説

lottie-web は、Adobe After Effects で作り、Bodymovin で JSON として書き出したアニメーションを再生します。プレーヤーは MIT ですが、制作ツールの After Effects は無料ではありません。Manim は 3Blue1Brown の動画を支えるエンジンのコミュニティ版で、Python で書いたシーンから数学の解説動画を直接レンダリングします(MIT)。説明そのものは、やはりあなたが書きます。

画像と生成映像

ComfyUI(GPL-3.0)は、画像、動画、3D、音声のモデルをノードグラフでローカルに実行します。Wan、LTX-Video、HunyuanVideo といったオープンなモデルも、「Partner nodes」経由でクローズドなモデルも使えます。十分な性能の GPU が必要で、各モデルには ComfyUI とは別のライセンスがあります。

声、字幕、ビート

CosyVoice は 9 言語と 18 以上の中国語方言に対応した音声合成システムで、ゼロショットのボイスクローンもできます。コードは Apache 2.0 で、Hugging Face にある Fun-CosyVoice3-0.5B の重みも同じです。クローンするのは、使う権利のある声だけにしてください。

WhisperX は単語単位のタイムスタンプ付きで文字起こしをし(wav2vec2 によるアライメント)、.srt ファイルを書き出します。Mac を含む CPU でも、NVIDIA の GPU でも動きます。話者ラベルには Hugging Face のトークンと、pyannote モデルの利用規約への同意が必要です。名前と数字は校正してください。

librosa(ISC)は音声を解析します。librosa.beat.beat_track は動的計画法によるビートトラッカーです。どのカットをそのビートに合わせるかは、あなたが決めます。

収録、カット、エンコード

OBS Studio(GPL-2.0 以降)は、キャプチャー、合成、録画、配信ができます。画面のデモや話し手を撮るときに使います。LosslessCut(GPL-2.0)は FFmpeg を使い、再エンコードせずにファイルをトリミング・結合します。GitHub からは無料で入手でき、アプリストア版は開発者の支援になります。できるのはカットで、タイトルやエフェクトは付けません。ここまでのほぼすべての下でエンコードを担っているのが FFmpeg です。ライセンスは LGPL 2.1 以降で、オプションの GPL 部分を含めてビルドすると GPL になります。

スタックがあなたに残すこと

これらのツールを合わせれば、レンダリング、音声、字幕、エンコードはできます。それでも、映像が何を伝えるか、各ビートをどれだけ保つかを決め、音を設計し、画面上のすべての数字と名前を出典と照らし合わせ、Node、Python、GPU、フレーム単位のレンダリングを用意するのはあなたです。作業の大半はそこにあります。

Motion Skills の位置づけ

Motion Skills は私たちが作っています。完全版スキルはエージェントスキルの一種で、この一連の工程を、ローンチ映像、解説映像、データ動画、ショート動画といった 1 種類の映像について、私たちのエンジン motion-skills(MIT)の上で実行します。ストーリー、テンポ、チェックはスキルが担い、残りはエンジンが担います。

  • シーンとモーション: 映像は HTML、CSS、GSAP でできていて(GSAP は独自の「no charge」ライセンスで無料)、各フレームは時間の関数です。すでにお持ちの Chrome でフレームごとにレンダリングします。3D のショットは、映像の時計に合わせて Three.js を使います。
  • 音楽: その映像のために作るオリジナルのスコアで、シーンの切り替えはダウンビートに合わせます。mo beats は持ち込んだ曲のビートを見つけ、mo music find はパブリックドメイン(CC0)の音楽を探します。
  • 声: お使いのコンピューターの Kokoro の声や macOS の声、またはご自身の API キーで ElevenLabs や HeyGen を使います。
  • 字幕とチェック: mo voice は .srt を書き出し、--check を付けると whisper がすべての文を聞き直します。mo check は切れたり隠れたりしている文字を見つけ、mo audit は画面上のすべての行を sources.md と照合し、mo qa はレンダリング結果をスキャンします。
  • 書き出し: FFmpeg で MP4、アルファ付き MOV、WebM、GIF にエンコードします。CapCut や剪映のドラフト、スライドデッキも選べます。

Blender や ComfyUI の代わりにはならず、アバターも作りません。Motion Director スキルは Google ログインで無料で使え、10〜20 秒の映像を作ります。完全版スキルは 1 つ $4.90 で、プランにも含まれます(料金、すべてのスキル)。ブラウザーのアプリを含むほかのツールは Claude Motion の代替ツールをご覧ください。

よくある質問

Remotion は無料ですか?

個人、従業員 3 人までの営利企業、非営利団体、評価目的なら、商用利用も含めて無料です。4 人以上の企業には Company License が必要で、remotion.pro で販売されています。ライセンスはオープンソースのものではなく独自のものです。

Claude Code でモーショングラフィックスを作れる無料ツールは?

エージェントが書くコードには、Remotion とそのエージェントスキル、Three.js、Anime.js、Motion、Manim。映像のそれ以外の部分には、声に CosyVoice、字幕に WhisperX、ビートに librosa、エンコードに FFmpeg。映像全体を通して作る無料のスキルとしては、Motion Skills の Motion Director があります。

Claude は 3D アニメーションを作れますか?

はい、コードかアプリを通して作れます。エージェントが Three.js のシーンを書き、物理に Jolt、光に three-gpu-pathtracer を使うこともできますし、MCP for Blender で Blender を操作することもできます。どちらの場合も、カメラ、ライティング、レンダリングの設定は確認してください。

これらのツールは商用利用できますか?

ここに挙げた MIT、Zlib、ISC、BSD、Apache のライセンスは商用利用を認めています。GPL と LGPL のツール(Blender、ComfyUI、OBS、LosslessCut、FFmpeg)は無料で使えます。その条件が関わってくるのは、ソフトウェアを配布するときです。Remotion は、4 人以上の企業には Company License が必要です。

出典

このガイドは独立したもので、ここに挙げたどのプロジェクトとも関係ありません。各名称はその所有者の商標です。2026年11月3日に確認しています。