Vincentwei1021/anything2explainer

Topic in, narrated explainer video out. A Claude Code / Codex skill that turns any topic into a black-canvas motion-graphics explainer video with TTS voiceover, subtitles and a chapter progress bar. Chinese or English; every frame drawn in code with Remotion.

何を解決するか

anything2explainer は、単純なトピックやドキュメントから高品質なモーショングラフィックス解説動画を自動生成します。手動での動画編集、ストック映像、または生成型動画モデルの必要性を排除し、AIエージェントが研究・脚本作成・コードによる視覚的生成を自動で行います。

動作方法

このシステムは、Claude Code や Codex などの AI コーディングエージェント向けのスキルとして動作し、マルチエージェントパイプラインを使用します:

  1. 研究と脚本作成:エージェントが出典のある事実を調査し、ナレーション用の脚本を作成します。
  2. 音声生成:脚本を TTS(中国語は edge-tts、英語は kokoro-82m)で音声に変換し、フレーム単位のタイムラインを作成します。
  3. ストーリーボード作成:各ショットごとに具体的なビジュアルと動きの指示を計画します。
  4. 並列ビルド:複数のビルドエージェントが、各ショットごとに個別の Remotion コンポーネント(React + TypeScript)を記述し、黒いキャンバス上でコードで1フレームずつ描画します。
  5. 品質管理:QCエージェントがスタイルガイドと照らし合わせてレンダリングされたフレームをレビューし、エラーを修正してから最終レンダリングを行います。

対象ユーザー

プロフェッショナルで決定論的なモーショングラフィックス動画を、英語または中国語で作成したいコンテンツクリエイター、教育者、技術コミュニケーター。専門的な動画編集ソフトや生成型AI動画のアーティファクトを必要としません。

特徴

  • コード駆動型のビジュアル:Remotion を通じてコードですべてのフレームを描画するため、合成されたピクセルではなく決定論的で編集可能な結果が得られます。

  • マルチエージェントワークフロー:研究、ナレーション、ストーリーボード作成、並列レンダリングを専門的な分業プロトコルで処理します。

  • 出典に基づく:画面に表示されるすべての数字や事実は、研究ドキュメント内の出典URLに遡れる必要があります。

  • CPUベースのレンダリング:GPUを必要とせず、ヘッドレス Chromium を通じてレンダリングされます。

  • 二か国語対応:英語と中国語の両方を完全サポートし、それぞれの言語に最適化されたペーシングとタイポグラフィを提供します。

関連

  • プロジェクト
  • プロジェクト
  • プロジェクト
  • プロジェクト