Remotion のエージェントスキルと Motion Skills の比較：それぞれがエージェントに何をさせるか
Remotion のエージェントスキルは、コーディングエージェントに Remotion の API を教え、正しい React の動画コードを書けるようにします。ストーリー、テンポ、音を決めるのは引き続きあなたです。Motion Skills の完全版スキルは、エージェントに映像作りそのものを教えます。方向性を選び、映像を書き、音楽を付け、すべてのフレームをチェックして、MP4 をレンダリングします。Remotion は個人と 3 人までの企業なら無料で、Motion Skills の Motion Director は誰でも無料で使えます。このページでは、それぞれが何をするか、チームにとってどれだけ費用がかかるか、どんなときにどちらを選ぶかを説明します。
Remotion の情報は remotion.dev と remotion.pro をもとに、2026年10月29日に確認しました。Motion Skills は私たちが作っているので、それについての私たちの説明はその点を踏まえてお読みください。
Remotion のエージェントスキルとは
Remotion では、動画を React コンポーネントとして書けます。各フレームは、フレーム番号を渡してレンダリングしたあなたのコンポーネントです。そのコーディングエージェント向けガイドでは Claude Code、Codex、Kimi Code、OpenCode が挙げられており、次の手順になっています。
npx create-video --yes --blank my-videoでプロジェクトを作る。npx remotion skills addでスキルを追加する（スキルのページにはnpx skills add remotion-dev/skillsも載っています）。npm run devでプレビューし、2 つ目のターミナルでエージェントを起動する。
スキルそのものは、テーマを絞った指示の集まりです。/remotion-best-practices がそれ以外をまとめて扱い、ほかに /remotion-create、/remotion-markup（「コンポジション、アニメーション、レイアウト、タイポグラフィ、メディア要素、エフェクト、オーディオ、フォント、タイミング」）、/remotion-studio、/remotion-render、/remotion-captions、/remotion-maps、/remotion-interactivity、/remotion-license、/remotion-upgrade があります。
これで得られるのは、Remotion が推奨するやり方で Remotion のコードを書くエージェントと、自分のものとして手元に残り、Remotion のツールでレンダリングするプロジェクトです。あなたに残されるのは、動画で何を伝えるか、シーンの順番、タイミング、見た目、音楽、そして結果が良いかどうかの判断です。動画プロダクトや何千回もレンダリングされるテンプレートを作っていて、すべてのコンポーネントを自分で制御したいなら、これが適切な役割分担です。
Motion Skills の完全版スキルがすること
Motion Skills の完全版スキルもエージェントスキルですが、伝えるのは API ではなく映像作りです。映像タイプごとに 1 つあり、ローンチ映像、解説動画、データ動画、縦型ショート、ナレーション付きスライドなどを、それぞれ独自のスタイルで作ります。エージェントに素材を渡し、映像の用途を伝えると、スキルは次のことを行います。
- 素材を読み、
sources.mdを作ります。画面に出るすべての文、数字、名前を、その出どころのファイルや URL とともに記録します。 - 方向性を提案し、作り始める前に実際のフレームを見せます。
- 構成案を書きます。拍の流れ、フック、いちばん強い拍で届ける要点、締めです。
- 映像を作ります。HTML、CSS、GSAP で、時間の関数として書きます。
- 音楽を付けます。その映像のために書いたオリジナルの曲で、題材に合わせたモチーフを持ちます。
- チェックします。
mo checkで切れた文字、隠れた文字、コントラストの低い文字を見つけ、mo auditですべての文に出典があることを確かめ、重要な場面の静止画を見て問題を直します。 - MP4 をレンダリングします。私たちのオープンなエンジン motion-skills を使って自分のパソコン上で行い、変更はふつうの言葉で受け付けます。
完全版スキルは Remotion を使いません。動かすエンジン motion-skills は、HyperFrames と同じ考え方に基づいています。映像は HTML、CSS、GSAP でできていて、Chrome でフレームごとにレンダリングし、FFmpeg でエンコードします。React は必要なく、映像を自分で書く必要もありません。
カットのない私たち自身のローンチ映像。ロゴのタイルがインストール、素材、3 つの方向性、映像と音楽、修正へと変わり、最後に実際の作例 7 本を流す。
ローンチ映像 の作例16:9 · 26 秒
文言はすべて本サイトのページから。
このローンチ映像は、ローンチ映像スキルがこのサイト自身のページから、カットなしで作りました。インストール、素材、3 つの方向性、映像とその音楽、1 回の変更、そして実際の作例の映像までを見せています。
ライセンスと費用
| 無料で使える人 | 有料の選択肢 | 何に支払うか | |
|---|---|---|---|
| Remotion | 個人と 3 人までの企業。商用利用は無制限 | Remotion for Creators：1 シートあたり月額 $25。Remotion for Automators：レンダリング 1 回 $0.01、月額最低 $100。Enterprise は月額 $500 から | 4 人以上の企業でフレームワークを使うこと |
| Motion Skills | Motion Director（10〜20 秒の映像）なら誰でも | 完全版スキルが 1 つ $4.90、またはすべてが月額 $9.90、年額 $79、買い切り $169 | 完全版スキル。クレジットもレンダリングごとの料金もなし |
Remotion の無料ライセンスは「個人と 3 人までの企業」が対象で、Company License は「共同作業および 4 人以上の企業に必要」です。詳しくは ライセンスの FAQ と remotion.pro をご覧ください。Motion Skills の料金は料金ページにあります。どちらの場合も、コーディングエージェント自体のプランは別です。
Remotion を選ぶとき
- 動画プロダクトを作っている。個別にカスタマイズした動画、ユーザーが中身を埋めるテンプレート、レンダリングのパイプラインなど。
- サーバーやクラウドで大量にレンダリングし、レンダリングごとの料金体系がよい。
- チームがすでに React を書いていて、すべてのコンポーネントを自分たちで制御したい。
- モーションを自分で設計し、エージェントにはコードを速く書かせたい。
完全版スキルを選ぶとき
- 必要なのは映像 1 本、または数本。ローンチ映像、解説動画、データ動画、ショート、スライドなど。
- 映像を自分の素材から作り、すべての数字をその素材までたどれるようにしたい。
- React プロジェクトをセットアップしたくない、あるいはストーリー、タイミング、音楽を自分で書きたくない。
- あなたが見る前に、エージェントに自分のフレームをチェックさせたい。
迷ったら、Motion Director を試してください。無料で、どの種類でも 10〜20 秒の映像を作るので、決める前にスキルがあなたの素材で何をするかを見られます。各エージェントでのセットアップはエージェントスキルのインストール方法にあります。
両方を使う
2 つは別々のツールで、競合しません。どちらもスキルとしてインストールするので、同じエージェントに、プログラムで動画をレンダリングするプロジェクト用の Remotion のスキルと、単発の映像用の完全版スキルを両方入れられます。よくある使い分けは、製品の中の動画機能には Remotion を、その機能を発表するローンチ映像には完全版スキルを使う形です。
2 つのエンジンの比較は HyperFrames と Remotion を、ブラウザーのアプリを含むほかのツールは Claude Motion の代替ツールをご覧ください。
よくある質問
Remotion は無料ですか？
Remotion は個人と 3 人までの企業なら無料です。4 人以上の企業には Company License が必要です。remotion.pro では、Remotion for Creators が 1 シートあたり月額 $25、Remotion for Automators がレンダリング 1 回 $0.01 で月額最低 $100 です。
Remotion のエージェントスキルは何をしますか？
Claude Code や Codex などのコーディングエージェントに、正しい Remotion のコード、つまり現在のフレームに応じて動く React のコンポジションの書き方を教えます。ストーリー、テンポ、音を決めるのは引き続きあなたで、プロジェクトのプレビューとレンダリングは Remotion のツールで行います。
Remotion と Motion Skills を一緒に使えますか？
はい。2 つは別々のツールです。チームは、プログラムで作る動画には Remotion を使い続け、単発のローンチ映像や解説動画には完全版スキルを使えます。
Motion Skills は Remotion を使っていますか？
いいえ。完全版スキルは私たちのオープンなエンジン motion-skills で動きます。映像は HTML、CSS、GSAP でできていて、Chrome でフレームごとにレンダリングし、FFmpeg でエンコードします。
出典
- Remotion、Coding agents、Agent skills
- Remotion、remotion.pro、License
この比較は独立したもので、Remotion とは関係ありません。Remotion はその所有者の商標です。2026年10月29日に確認しています。