Repolode
投稿する
Vincentwei1021

Vincentwei1021/anything2explainer

トピックをRemotionでコードから描画する、ナレーション付きモーショングラフィックス解説動画に変換するClaude Code / Codexスキル。

GitHub で見る
スター
3,089
フォーク
404
未解決の Issue
8
最終コミット
2 か月前

これは何？

anything2explainerは、トピックや記事から解説動画を制作するClaude CodeとCodex向けのエージェントスキルです。出力は1280×720のH.264 MP4で、TTSナレーション、単語単位でタイミングを合わせた字幕、章タイトルカード、上部HUD、下部の章進捗バーを備え、中国語または英語に対応します。

すべてのフレームをRemotion（ReactとTypeScript）でコードから描画するため、ストック映像や生成動画モデルは使いません。リポジトリには、エージェントが従う手順として、コンパイル可能なRemotionテンプレート、プリミティブのライブラリ、ナレーション、ストーリーボード作成、レンダリング、フレーム単位のQC用スクリプトに加え、スタイルとモーションの仕様が含まれています。さらに、完成したリファレンス動画と、その調査資料、ナレーション、ストーリーボードのファイルも収録しています。

エージェントは出典付きの情報を使ってトピックを調査し、ナレーションを作成して、フレーム単位で正確なタイムラインを構築し、各ショットのストーリーボードを作成します。その後、並行して作業するビルドエージェントに処理を振り分け、各エージェントがRemotionコンポーネントを作成します。ユーザーには、動画の長さと言語、ナレーションの承認、音声エンジン、30秒のプレビューという4つのチェックポイントで確認します。

主な機能

  • 01トピックや文書から、字幕と章タイトルカード付きの1280×720のナレーション入りMP4を制作します。
  • 02中国語（edge-tts）と英語（kokoro-82m）のナレーションに対応し、自分の音声も使用できます。
  • 03すべてのフレームをRemotionでコードから描画するため、レンダリング結果を再現できます。
  • 04ショットの制作を並行するビルドエージェントに分担し、QCエージェントがフレームを確認します。
  • 05調査、ナレーション、ストーリーボード、QCの記録をすべて含むリファレンス動画を収録しています。

ユースケース

  • 撮影やストック映像を使わずに、技術的な概念を短い解説動画にする。
  • 記事や文書を、ナレーション付きのモーショングラフィックス動画に変換する。
  • コーディングエージェントにRemotionプロジェクトを構築させるための、体系的なワークフローを学ぶ。
  • 同じストーリーボードから、中国語または英語の教育動画を制作する。

クイックスタート

  1. 1

    リポジトリをクローンする

    git clone https://github.com/Vincentwei1021/anything2explainer.git
  2. 2

    Claude Code にスキルをリンクする

    ln -s "$PWD/anything2explainer" ~/.claude/skills/anything2explainer
  3. 3

    ffmpeg をインストールする（必須）

    brew install ffmpeg
  4. 4

    仮想環境に Python の依存関係をインストールする

    pip install 'edge-tts==7.2.8' numpy pillow scipy

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

  • 動画を生成するには、ffmpeg と Node 18 以降、および TTS 用の Python 環境が必要です。
  • macOS で動作を確認済みです。Linux では追加の設定が必要で、Windows では未検証です。
  • PolyForm Noncommercial ライセンスのため、商用利用には事前に作者の許可が必要です。
  • 中国語のナレーションには、Microsoft のエンドポイントへのクラウド接続が必要です。

収録されている特集

Claude Code のツール・スキル・プラグインオープンソースの AI エージェント・フレームワークとアプリAI エージェントのスキル集AI 動画・音声ツール

トピック

#ai-agents#claude-code#remotion#video-generation#text-to-speech#motion-graphics#educational-video#typescript#agent-skills#ai-video

よくある質問

anything2explainer とは？
トピックをRemotionでコードから描画する、ナレーション付きモーショングラフィックス解説動画に変換するClaude Code / Codexスキル。 anything2explainerは、トピックや記事から解説動画を制作するClaude CodeとCodex向けのエージェントスキルです。出力は1280×720のH.264 MP4で、TTSナレーション、単語単位でタイミングを合わせた字幕、章タイトルカード、上部HUD、下部の章進捗バーを備え、中国語または英語に対応します。
anything2explainer は無料で使えますか？ライセンスは？
anything2explainer は Other ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。
anything2explainer は今もメンテナンスされていますか？
半年以内に更新あり。anything2explainer の最終コミットは 2026年9月18日 です。
anything2explainer は何に使えますか？
撮影やストック映像を使わずに、技術的な概念を短い解説動画にする。 記事や文書を、ナレーション付きのモーショングラフィックス動画に変換する。 コーディングエージェントにRemotionプロジェクトを構築させるための、体系的なワークフローを学ぶ。 同じストーリーボードから、中国語または英語の教育動画を制作する。
anything2explainer のインストール方法は？
リポジトリをクローンする: git clone https://github.com/Vincentwei1021/anything2explainer.git Claude Code にスキルをリンクする: ln -s "$PWD/anything2explainer" ~/.claude/skills/anything2explainer ffmpeg をインストールする（必須）: brew install ffmpeg 仮想環境に Python の依存関係をインストールする: pip install 'edge-tts==7.2.8' numpy pillow scipy
anything2explainer はどこで入手できますか？
ソースコードとインストール手順は GitHub にあります：https://github.com/Vincentwei1021/anything2explainer

概要はプロジェクトの README をもとに AI が生成しています。GitHub の数値は毎日更新されます。

関連プロジェクト