howseen-ai/claude-motion-design

解決する課題

純粋なコード（HTML、Playwright、ffmpeg）を使用して高品質なモーショングラフィック動画を生成できるようにすることで、従来の動画編集ソフトウェアや高価なライセンス付きツールに頼る必要がなくなります。このアプローチにより、動画制作が決定論的（決定的）、無料、そしてAIエージェントによる容易な反復が可能になり、正確なビート同期と迅速な修正が実現できます。

動作方法

システムは seek(t) 関数を使用し、すべてのフレームが時間に基づいて計算されるため、一貫性が保たれます。Playwrightのスクリーンショットでフレームをレンダリングし、ffmpegでコンパイルします。ワークフローには音楽同期用のビートマップ、モーションブラー用のサブフレームブレンド、二段階のオーディオ正規化プロセスが含まれます。また、「Remakeモード」という機能もあり、既存のリリース動画を分析してショット仕様を抽出し、AIエージェントを使ってブランド仕様に合わせた再作成が可能です。

対象ユーザー

After EffectsやRemotionの専門知識が不要で、プロフェッショナルなプロモーション動画やリリース動画を生成したい開発者やAIユーザー（特にClaude Codeを使用する人）。

特徴

• 決定論的レンダリング：映像全体が時間の関数として扱われ、特定のシーンを固定しても他の部分に影響を与えません。
• ビート同期音声：一般的なビートグリッドではなく、測定されたピークやバンドエネルギーに基づいて音楽のドロップやサウンドエフェクトを同期します。
• AIネイティブワークフロー：Claude Codeスキルとして設計されており、コードの簡単な編集で「トランジションを速くする」などとリクエストできます。
• Remakeモード：参照動画からフレームを抽出して、1:1のブランド仕様の再作成を可能にする専用パイプライン。
• ゼロコストツールキット：Chromium、ffmpeg、Pythonなど、完全にオープンソースのツールに依存しています。