はじめに：「コードを書くツール」という誤解

Claude Codeと聞いて、ターミナルでカタカタとコードを書くエンジニアの姿を想像される方は多いのではないでしょうか。

実はこれ、大きな誤解です。

Claude Codeの本質は「コードを書くツール」ではありません。「やりたいことを日本語で伝えるだけで、実現してくれるツール」 なのです。

今回ご紹介するのは、私がClaude Codeを使ってプロモーション動画を制作している事例です。

動画編集ソフトの使い方を覚える必要は一切ありません。日本語で指示を出すだけで、プロ品質の動画が完成します。

Remotionという革命

コードで動画を作るという発想

Remotionは、Reactで動画を作るオープンソースのフレームワークです。

通常、動画制作といえばAfter EffectsやPremiere Proを使い、タイムライン上でキーフレームを打ち、マウスで細かく調整する...という作業が必要でした。

Remotionはこれを「コード」に置き換えます。そして重要なのは、そのコードはClaude Codeが書いてくれるということです。

なぜこれが革命的なのか

動画制作のすべてが「言葉」で完結するようになりました。

1. 言葉で作れる

「30秒のプロモ動画を作って。Introでロゴを出して、課題を見せて、解決策を提示して、最後にCTAで締めて」

これだけで動画が生成されます。編集ソフトの使い方を覚える必要はありません。

2. 言葉で修正できる

「もっとダイナミックに」「色を落ち着かせて」「この部分を2秒長くして」

頭の中のイメージを、そのまま言葉で伝えるだけ。どのボタンを押せばいいか、どのパラメータをいじればいいか、調べる必要はありません。

3. 言葉で戻せる

「やっぱり前のバージョンに戻して」

これも一言で完了。だから失敗を恐れずに、どんどん試せます。

Remotion Skills のインストール

Claude CodeにRemotionの知識を教え込む「Skills」機能があります。これをインストールすると、Claude Codeがより適切なRemotionコードを書けるようになります。

インストールは1行です：

npx remotion skills add

これだけで、Claude CodeがRemotionのベストプラクティスを理解した状態になります。

💡 2025年1月アップデート
Remotion v4.0.408以降、SkillsがRemotion CLIに公式統合されました。
・新規プロジェクト作成時（npm init video）にSkillsを入れるか聞いてくれる
・npx remotion skills update でSkillsを最新版に更新できる
・Claude Code以外のAIエージェント（Cursor、Codexなど）にも一括インストール可能

■ Claude Skillsのセットアップ

Skillsの詳細については、こちらを参照してください：

https://agi-labo.com/articles/n072772f45d83

Skillsの活用事例（記事投稿のオートメーション）：

https://agi-labo.com/articles/n3727dc0de2d1


Claude Code × Remotion = 動画制作の民主化

「言葉」で動画が作れる時代

Remotionは素晴らしいフレームワークですが、本来はReactの知識が必要です。

しかしClaude Codeと組み合わせると、状況は一変します。

「こんな感じのプロモ動画作って」

この一言で、Claude Codeが：

  1. シーン構成を設計

  2. アニメーションを作成

  3. 効果音・BGM・ナレーションを生成

  4. 最終的なMP4ファイルを出力

ここまで全部やってくれます。

実際に作った動画

私が実際にこの方法で制作した動画です。

このローンチ動画はClaude Codeにプロンプト一発で作ってもらいました（音声：ナレーション、SE、BGM付き。音声生成自体はRemotionではないですが、Claude Codeなら工夫すればそこも動的に生成可能）

https://x.com/ctgptlb/status/2014596134967398769?s=20

いかがでしょうか。すべてClaude Codeに日本語で指示を出しただけで生成されたものです。

After EffectsもPremiere Proも一切使っていません。

セットアップ：Claude Codeに聞くだけ

Claude Codeのセットアップ：

Claude Codeをインストールしていない方は、ターミナルで以下を実行してください：

# Mac / Linux
curl -fsSL https://claude.ai/install.sh | bash

# Windows（PowerShell）
irm https://claude.ai/install.ps1 | iex

インストール後、claude コマンドを実行するとブラウザが開き、Anthropicアカウントでログインできます。

※ Claude Code の利用には Claude Pro または Max プラン が必要です。詳細は公式ドキュメントを参照してください。

Remotion Skills のインストール

Claude Codeには「Skills」という機能があり、特定のタスクに最適化された知識をインストールできます。

新規プロジェクトの場合：

# プロジェクト作成時にSkillsを入れるか聞いてくれる
npm init video

既存プロジェクトの場合：

# Skillsをインストール
npx remotion skills add

# Skillsを最新版に更新（すでにインストール済みの場合）
npx remotion skills update

実行すると、以下のような画面が表示されます：

対応しているAIエージェント（Claude Code、Cursor、Codexなど）を自動検出し、すべてにSkillsをインストールしてくれます。

これで、Claude CodeがRemotionのベストプラクティスを理解した状態で動画制作を支援してくれます。どのAIツールを使っても同じ品質の動画制作が可能です。

無料でできること・有料でできること

無料でできること

  • Remotionの基本的なセットアップ

  • シンプルなアニメーションの作成

  • Claude Codeによる基本的な動画生成

有料部分で公開する内容

以下の内容は、有料パートで詳しく解説します：

  1. ElevenLabs統合の完全ガイド - AI音声でナレーションを自動生成

  2. 実際に使っているプロンプト全文 - コピペでそのまま使える

  3. シーン構成のテンプレート - Intro→Problem→Solution→Features→Outroの黄金パターン

  4. 修正指示のコツ - 意図通りの動画に仕上げるための伝え方