mcpField
E
explainroo

explainroo

github.com/vincentschクリエイティブ・メディア68258 回インストール1 週間前に更新
リポジトリ

explainroo について

ナレーション原稿と JavaScript の描画ファイルから MP4 の解説動画を作るスキルです。プロジェクトの初期化から explainroo の手順まで案内し、単語ごとの音声タイミング、映像、音楽、効果音を生成します。

主な機能

  1. 01原稿と JavaScript から MP4 を作成
  2. 02単語ごとの音声タイミング生成
  3. 03Chrome でのフレーム描画
  4. 04音楽と効果音の追加
  5. 05テーマとタイトルを指定したプロジェクト初期化

活用シーン

  1. 01ナレーション付き解説動画の制作
  2. 02原稿とシーンコードの動画化
  3. 03explainroo プロジェクトの初期化と検証

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/vincentsch/explainroo --skill explainroo

インストール後、Claude Code で/explainrooを入力して読み込まれたか確認します。

詳細

explainroo で解説動画を作成する

explainroo は、2 つのファイルから MP4 動画を作成します。1 つは音声で読み上げる台本、もう 1 つは映像を描画する小さな JavaScript ファイルです。このコンピューター上の音声モデルが台本を読み上げます。explainroo が各単語の読み上げ時刻を記録し、Chrome がフレームを描画したあと、explainroo が音楽と効果音を追加します。

explainroo を探す、またはインストールする

まず、以下を試してください。

command -v explainroo
ls "${EXPLAINROO_HOME:-$HOME/.explainroo}/bin/explainroo.js"

どちらも見つからない場合は、インストールしてください。Node.js 20.11 以降、ffmpeg、Chrome または Chromium が必要です。

git clone https://github.com/vincentsch/explainroo.git "$HOME/.explainroo"
cd "$HOME/.explainroo" && npm install
node bin/explainroo.js doctor --fetch

このファイルの以降の説明で explainroo とある場合は、見つかったもの、つまり explainroo コマンドまたは node "$HOME/.explainroo/bin/explainroo.js" を指します。

AGENTS.md を読む

explainroo フォルダーにある AGENTS.md には、手順、文章のルール、設定、Scene API が記載されています。Scene API は、scenes.js で描画できるものすべてをまとめた一覧です。作業を始める前に読んでください。

動画を作成する

たとえば ./video のように、ユーザーが指定した場所にプロジェクトを作成します。

explainroo init video --theme paper --title "..."

その後、AGENTS.md の手順に従ってください。動画が完成したら、video/out/video.mp4 の保存場所、動画の長さ、および explainroo verify video の実行結果をユーザーに伝えてください。

コメント

Markdown 対応