Claude Code で動画制作が完結する時代
— Remotion + Agent Skills の衝撃

Remotion と Agent Skills の何が新しいのか

Remotion は、動画を React コンポーネントとして記述できる OSS ライブラリです。タイムラインは frame 番号で表現され、アニメーションは通常の JSX + CSS + JS の延長線上で書けます。従来は After Effects や Premiere Pro といった GUI ツールで「タイムラインをドラッグ」していた工程が、そのまま コードと Git 管理に置き換わる点が革命的でした。

そこに 2026 年 1 月、Agent Skills というレイヤーが追加されました。これは Claude Code / Claude Desktop が Remotion の書き方を「技能」として内蔵する仕組みです。エンジニアが Remotion の API を覚える必要はなく、「15 秒で新サービスの特徴を 3 つ紹介する動画」と自然言語で指示するだけで、Claude Code が適切な TSX ファイルを生成し、ローカルで npm run render して MP4 を吐き出すところまで一気通貫で進みます。

なぜ「コードで動画」なのか — 3 つの優位

① バージョン管理できる（Git 管理可能）

動画プロジェクトが After Effects の .aep バイナリではなく、TSX ソースコードなので、Git で差分管理・レビュー・ロールバックがすべて可能です。チームで「どのバージョンを誰がいつ変えたか」が追えるのは、マーケティング運用にとって大きな利点です。

② プログラムで量産できる

商品数だけ動画を複製する、顧客名を差し込んでパーソナライズ動画を作る、A/B テスト用に色違いを 20 本量産する——こうしたニーズが、データをループさせるだけで実現できます。動画クリエイターが 1 本ずつ作り直す必要がなくなります。

③ Claude Code がコード生成するので人は書かなくていい

Remotion のコード自体を人間が書く必要はありません。Claude Code が書きます。人間は「何を伝えたいか」「どんな雰囲気か」を自然言語で伝え、出力された MP4 を見て「もう少し明るく」「ナレーションのトーンを変えて」とフィードバックするだけ。ディレクターと AI エージェントが組むと、制作会社 1 社分の工程が縮みます。

エコシステムの全体像 — どのツールがどの役割か

層	ツール例	役割
オーケストレーション	Claude Code / Claude Desktop	全体の指揮、スクリプト生成、API 連携
動画コード生成	Remotion + Agent Skills	React/TSX で動画を記述・レンダリング
テンプレート	claude-code-video-toolkit	解説動画・プロダクトデモ等の雛形
映像素材生成	Kling AI / Runway Gen-3 / Stability AI	シーン単位の生成 AI 動画
音声・音楽	Qwen3-TTS / ACE-Step / ElevenLabs	ナレーション・BGM の自動生成
画像アセット	FLUX.2 / GPT-4o 画像生成	サムネ・挿絵・キャラ生成

このスタックの強みは、すべてが API / CLI で繋がっており、Claude Code が横串で叩けることです。「Runway で 5 秒 × 3 シーン作って、ナレーションを ElevenLabs で合成、Remotion で統合」という工程を、Claude Code が 1 本のスクリプトで自動実行します。

中小企業にとっての意味 — 動画マーケの単価崩壊

従来、企業向けの 60 秒プロモーション動画の制作費は、外注で 30〜150 万円が相場でした。これが Remotion + Claude Code の登場で、以下のように構造変化します。

	従来型制作	AI ネイティブ制作
制作費（60 秒）	30〜150 万円	API 従量 + 工数数時間
リードタイム	2〜6 週間	半日〜数日
修正速度	外注依頼 → 数日	プロンプト再実行 → 数分
量産性	本数ごとに同額	コード再利用でほぼ無償
必要スキル	映像ディレクション + AE 操作	自然言語でのディレクション力

導入を始める 3 ステップ

Step 1: Claude Max + Remotion をローカルに入れる（1 日）

Claude Pro または Max プランを契約し、Node.js + Remotion を npx create-video@latest で初期化。Claude Code デスクトップアプリから Remotion プロジェクトを開けば、Agent Skills が自動で適用され、プロンプト 1 行目から動画生成に入れます。

Step 2: 社内マーケ動画 1 本を PoC（1〜3 日）

既存の 30〜60 秒の紹介動画や採用動画を題材に、Claude Code + Remotion で完全再現してみます。この段階で、自社ブランドの表現範囲・生成 AI 素材の品質許容値・工数感が得られます。

Step 3: 量産テンプレ化と運用ルール整備（2〜4 週間）

商品紹介・キャンペーン告知・採用スライド動画など、類型ごとに Remotion コンポーネントをテンプレ化。あわせて、AI 素材の権利チェックフロー、ブランドガイドライン遵守チェッカー、公開前レビューのルールを整備します。ここまで来れば、動画マーケティングの内製化が現実的になります。

OiiOii のような「会話だけで完結」系ツールとの違い

2025〜2026 年には、HOGI.AI の OiiOii（対話だけで AI アニメ動画を生成する SaaS）のように、コードを一切触らずチャットのみで動画を仕上げるツールも登場しています。短尺の SNS 動画や社内用プロト動画であれば、このような会話完結型ツールが最速です。

一方で、ブランド統一・量産・既存業務システムとの連携・継続運用を重視する場合は、コードで管理できる Remotion + Claude Code スタックが圧倒的に強いです。「どちらが優れているか」ではなく、目的に応じた使い分けが正解です。

エトラクトの伴走ポイント

エトラクトでは、AI ネイティブな動画制作パイプラインの構築を、以下のレイヤーでご支援しています。

• 技術スタック選定 — Remotion / OiiOii / Runway / Kling の目的別使い分け設計
• Claude Code 環境整備 — Agent Skills、MCP、Routines の社内導入
• テンプレ化・量産基盤 — Remotion コンポーネントの社内ライブラリ化
• 権利・ガバナンス整備 — 生成 AI 素材の利用ルール、日本 AI 新法対応
• 社内人材育成 — ディレクター職への AI オーケストレーション研修

まとめ

Claude Code × Remotion + Agent Skills は、動画制作を「クリエイティブ職人の手仕事」から「コードとデータと AI の組み合わせ」に変える、2026 年最大級のパラダイムシフトです。従来は動画制作会社に外注するしかなかった企業が、社内の開発チームや情シスと AI の組み合わせで、動画マーケティングを内製できるようになります。

動画が武器になる企業と、動画にリソースを割けない企業の二極化はすでに始まっています。いま踏み出せる企業が、2027 年の主導権を握ります。