whaleyxbt/claude-motion

これは何？

主な機能

• 01具体的なイージングカーブ、スプリングのプリセット、タイミング値を含むモーションデザインルール。
• 02コンタクトシートをレンダリングし、エージェントがフレームごとに確認する自己レビューのループ。
• 03サンプル音源を使わずにエフェクトを生成し、動画のタイムラインに合わせてミックスするPython製サウンドエンジン。
• 04シーン、サウンド、レビュー時のチェックで共有する単一のタイムラインJSON。
• 05HTMLページからフレーム単位で正確な60 fps動画をキャプチャするWebシミュレーションパイプライン。

ユースケース

• コーディングエージェントにテキストプロンプトを与えて、短い告知用モーショングラフィックスを作成する。
• データ駆動型またはシミュレーション形式のアニメーションを独立したWebページとして構築し、動画に書き出す。
• ライセンス音源を使わずに、Remotion動画に同期した効果音を生成する。
• 複数のシーンにわたるアニメーションのタイミングを確認し、修正する。

クイックスタート

1. 1

   リポジトリをクローンしてフォルダに移動する

   git clone https://github.com/whaleyxbt/claude-motion && cd claude-motion
2. 2

   依存関係をインストールする

   npm install
3. 3

   音声付きのサンプル動画をビルドする

   npm run build
4. 4

   ライブプレビューを開く

   npm run studio

使う前に知っておきたいこと

• !Node 20以降、Python 3、ffmpegがインストールされている必要があります。
• !Remotionには独自のライセンスがあり、一定の基準を超える企業には有料の企業向けライセンスが必要です。
• !Webシミュレーションのキャプチャには、PlaywrightとChromiumのインストールが必要です。

トピック

よくある質問

claude-motion とは？

Claude Codeなどのコーディングエージェントで、タイムライン駆動のシーンやビジュアルレビュー機能、Python製サウンドエンジンを使ってRemotion動画を制作できるモーションデザインツールキット。 claude-motionは、コーディングエージェントでモーショングラフィックスや短編動画を制作するためのツールキットです。Remotionにデザインルール、自己レビューのプロセス、サウンドエンジンを組み合わせることで、エージェントはAPIの使い方だけでなく、イージングや間、文字のテンポの付け方、出力の確認方法も把握できます。

claude-motion は無料で使えますか？ライセンスは？

claude-motion は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。

claude-motion は今もメンテナンスされていますか？

活発にメンテナンス中。claude-motion の最終コミットは 2026年10月9日 です。

claude-motion は何に使えますか？

コーディングエージェントにテキストプロンプトを与えて、短い告知用モーショングラフィックスを作成する。 データ駆動型またはシミュレーション形式のアニメーションを独立したWebページとして構築し、動画に書き出す。 ライセンス音源を使わずに、Remotion動画に同期した効果音を生成する。 複数のシーンにわたるアニメーションのタイミングを確認し、修正する。

claude-motion のインストール方法は？

リポジトリをクローンしてフォルダに移動する: git clone https://github.com/whaleyxbt/claude-motion && cd claude-motion 依存関係をインストールする: npm install 音声付きのサンプル動画をビルドする: npm run build ライブプレビューを開く: npm run studio

claude-motion はどこで入手できますか？

ソースコードとインストール手順は GitHub にあります：https://github.com/whaleyxbt/claude-motion