blixvip/MotionClone

MotionClone – 動画を編集可能なモーショングラフィックスコードに変換

概要 – MotionCloneは、短いモーショングラフィックスのクリップ (YouTube、Vimeo、ファイルなど) を入力し、お使いのChatGPT / Codexアカウントを使用して、そのアニメーションを HyperFrames プロジェクト (HTML、CSS風のアセット、フォント、タイミングデータの集合体) として再構築します。結果は完全に編集可能で、コピー、色、ペースの変更を行ったり、コードを他のAIアシスタントに渡してさらに調整したりできます。UIには元動画と再構築された動画が並べて表示されるため、どこが一致しているかを確認できます。

重要性 – 従来の動画編集ツールはラスター形式の画面録画を提供しますが、MotionCloneはモーショングラフィックスの基盤となる コード を提供します。これにより、キーフレームを一つずつ手動でリバースエンジニアリングすることなく、広告、タイトルシーケンス、ローンチ動画などを簡単に再利用できます。

仕組み –

1. リファレンスのインポート – 公開されている動画URLを貼り付けるか、ファイルをアップロードします (最大120秒、250MB)。この段階ではAIは使用されません。
2. AIによる再構築 – ChatGPT/Codexアカウントを接続 (codex login 経由) すると、アプリが選択された参照フレームをモデルに送信し、視覚要素とアニメーションを再現するHyperFramesマークアップを生成します。
3. 比較とエクスポート – スタジオ機能で両方のクリップを同期再生し、レイアウトスタイル (Studio, Editorialなど) や出力形式 (横長、縦長、正方形、ウルトラワイド、フィード) を選択できます。MP4または編集可能なプロジェクトZIPをダウンロードできます。

ローカルでの実行 – Windows専用。Git、Python 3.11+、Node 22+、FFmpeg、Chrome、および公式のCodex CLIをインストールしてください。その後：

git clone https://github.com/blixvip/MotionClone.git
cd MotionClone
codex login   # sign in to your OpenAI account
.
start.ps1      # installs locked deps and launches http://127.0.0.1:4319

初回起動後はショートカット (Start MotionClone.vbs) を使用できます。

主な機能 –

• 編集可能なHyperFrames出力 (HTMLベースのアニメーションプロジェクト)。
• 内蔵のサイドバイサイド比較機能 (調整可能なレイアウトとワイプ表示付き)。
• 6種類のビジュアルスタイルと5種類のアスペクト比プリセット。
• エクスポートオプション：MP4、スタイル指定動画、または編集可能なZIP全体。
• エージェントワークフロー – エクスポートされたZIPをコーディングエージェントに渡して、さらなる自動編集を行うことが可能です (詳細は docs/AGENT-WORKFLOW.md を参照)。

制限事項 – 再構築は近似値です。小さな文字、珍しいフォント、写真、複雑な3Dなどは手動での修正が必要になる場合があります。このサービスはオンラインのOpenAIアカウントに依存しており、オフラインモードはありません。利用料金はご自身のChatGPT/Codexプランに従います。

コミュニティとサポート – Discordサーバー、詳細なドキュメント (入門ガイド、エディターガイド、エージェントワークフロー、開発)、およびGitHub上のバグトラッカーがあります。

対象ユーザー – 既存のモーショングラフィックスを素早くリミックスしたいデザイナー、マーケター、開発者、またはAI支援による編集可能なアニメーションコードの生成に興味がある方。