動画制作は時間がかかる。企画、撮影、編集、テロップ、BGM、書き出し——1本の短い動画でも数時間の工数が必要だ。
Claude Codeは、この常識を変えつつある。**Remotionスキル**を使えば、自然言語の指示だけでReactコンポーネントとして映像を記述し、MP4として書き出せる。撮影も編集ソフトも不要だ。
本記事では、Remotion連携のセットアップから、実際の制作事例、業務で使えるワークフローまでを解説する。
Remotionとは——Reactで映像を作る
Remotionは、ReactとTypeScriptで映像を制作するオープンソースフレームワークだ。通常のReactコンポーネントを書くように、フレーム単位でアニメーションや遷移を定義し、最終的にMP4やWebMとして書き出す。
Claude Codeとの連携は、以下のコマンドひとつで完了する。
npx skills add remotion-dev/skills
これだけで、Claude Codeに「50秒の紹介動画を作って」と指示するだけで映像が生成される環境が整う。
実践事例——どんな動画が作れるのか
Remotionスキルで実際に制作されている動画の種類を紹介する。
| 用途 | 内容 | 所要時間 |
|---|---|---|
| ブログ紹介動画 | 記事の要約を50秒の動画化 | 5〜10分 |
| EC商品動画 | CSVから1,000本の商品紹介動画を一括生成 | 数時間（自動） |
| 教育コンテンツ | アニメーション付きの解説レッスン | 15〜30分 |
| プロダクトデモ | UIの操作チュートリアル | 10〜20分 |
| SNS向け短尺動画 | リール/ショート用の15秒動画 | 3〜5分 |
EC商品動画の一括生成
最もインパクトがある活用事例のひとつが、EC商品動画の一括生成だ。CSVファイルに商品名・価格・画像URLを記述し、Claude Codeに渡すだけで、統一されたテンプレートで全商品の動画が生成される。
「products.csvを読み込んで、各商品の15秒紹介動画を作って。
テンプレート: 商品画像フェードイン → 商品名テキスト → 価格表示 → CTAボタン
BGM: 明るいコーポレート系
出力: output/ ディレクトリにMP4で保存」
Remotion公式（@Remotion）も、Claude Code向けAgent Skillsのリリースを発表している。
Remotionの公式ドキュメントでも、Claude Code連携の手順が詳しく解説されている。
https://www.remotion.dev/docs/[ai](/category/ai)/claude-code
音声合成との組み合わせ
ElevenLabs等の音声合成APIと組み合わせることで、ナレーション付きの動画も自動生成できる。
1. Claude Codeでスクリプトを生成
2. ElevenLabs APIでナレーション音声を生成
3. Remotionで映像 + 音声を合成
4. MP4として書き出し
FFmpegとの連携
Claude Codeはターミナルでコマンドを実行できるため、FFmpegを直接操作することも可能だ。
- 動画のトリミング・結合
- 解像度変換（縦動画→横動画）
- 字幕ファイル（SRT）の焼き付け
- プラットフォーム別の最適化（YouTube、Instagram、TikTok）
Buttercut——既存映像の編集
撮影済みの映像を編集したい場合は、Buttercutプロジェクトが注目に値する。Claude Codeから映像の分析・粗編集を行い、Final Cut ProやPremiere Proのプロジェクトファイルとしてエクスポートできる。
https://github.com/barefootford/buttercut
動画制作ワークフロー
業務で動画制作を回す場合の推奨ワークフローをまとめる。
| ステップ | 作業内容 | ツール |
|---|---|---|
| 1 | 企画・構成を決定 | Plan Mode |
| 2 | スクリプトを生成 | Claude Code |
| 3 | 映像コンポーネントを生成 | Remotion Skills |
| 4 | ナレーションを生成（任意） | ElevenLabs API |
| 5 | プレビューで確認 | Remotion Preview |
| 6 | MP4として書き出し | Remotion Render |
| 7 | プラットフォーム別に最適化 | FFmpeg |
映像制作の民主化は、テキストの世界で起きたことと同じ構造だ。かつてはデザイナーやエンジニアしか作れなかったWebサイトが、今では誰でも作れるようになった。動画も同じ道を辿ろうとしている。
次にあなたが伝えたいメッセージを、動画にしてみないか。
参考文献
- Prompting videos with Claude Code — Remotion公式
- Buttercut: Edit Video with Claude Code — GitHub
- Claude Code Video Toolkit — Digital Samba
- How to Create Professional Videos with Claude Code — Randy Ellis
