Communitygithub.com

pcyone/textbook-vocabulary-video-skill

教材の語彙をRemotionで自動動画化するスキル:日中音声・字幕・クイズ生成、品質チェック、WeChat動画向けキャプション作成

textbook-vocabulary-video-skill とは?

このスキルは、教材や語彙リストから、Remotion を利用した自動動画生成パイプラインを提供します。指定された語彙をもとに、中英バイリンガルのナレーション、字幕、理解度確認のための小テスト(クイズ)、動画の品質チェック、さらにWeChat(微信)動画プラットフォーム向けのキャプション文面を自動生成します。語学学習コンテンツや教育動画を素早く量産したい開発者や教育コンテンツ制作者に特に有用です。内部的には、構造化された語彙データを入力とし、Remotionフレームワークを用いてReactコンポーネントベースの動画をレンダリングし、TTS(Text-to-Speech)APIを呼び出して音声を生成、動画に字幕とクイズ要素を合成します。出力はMP4動画ファイルと、WeChat動画アカウント用の最適化されたテキストキャプションとなります。

対応~Claude Code~Codex CLI~Cursor
npx skills add pcyone/textbook-vocabulary-video-skill

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

textbook-vocabulary-video-skill は何をしますか?

教材語彙 Remotion 自動動画スキル:日中音声・字幕・小テスト・品質チェックと微信動画キャプション

概要

このスキルは、指定された教材の語彙リストから、Remotion を使用して以下のすべてを自動生成します。

  • 中英バイリンガル音声(TTS)
  • 中英字幕(動画内テキスト)
  • 各語彙の理解度確認用クイズ(選択式または記述式)
  • 品質チェック(話速、字幕タイミング、誤字脱字の検出)
  • WeChat動画アカウント向けキャプション文面

対応プラットフォーム

  • Remotion(バージョン 4.0 以上)
  • Node.js 18+
  • TTS API(例:Google Cloud TTS、Azure Speech、またはローカル音声合成)

動作の流れ

  1. 入力: JSON または CSV 形式の語彙リストを受け取ります。
  2. 音声生成: 各語彙に対して中英両方の音声ファイルを生成します。
  3. 動画レンダリング: Remotion が React コンポーネントをレンダリングし、字幕・クイズ・背景グラフィックを合成します。
  4. 品質チェック: 自動スクリプトが話速や字幕の重なり、テキスト誤りをチェックします。
  5. 出力: MP4 動画ファイルと、WeChat動画向けキャプション文(テキストファイル)を出力します。

使い方

インストール

npm install

語彙リストの準備

vocabulary.json に語彙データを用意します。

[
  {
    "word": "apple",
    "translation": "りんご",
    "pinyin": "píngguǒ",
    "example": "I eat an apple."
  }
]

動画の生成

npx remotion render src/index.ts output.mp4

品質チェック

node quality-check.js output.mp4

キャプションの生成

node generate-caption.js vocabulary.json > caption.txt

カスタマイズ

  • src/Video.tsx で動画のレイアウトやスタイルを変更できます。
  • src/tts.ts で音声エンジンを切り替えられます。
  • src/quiz.ts でクイズ形式(穴埋め、選択式など)を設定できます。

注意事項

  • TTS API の呼び出しには有効な認証情報が必要です。
  • 大量の語彙を処理する場合、API のレート制限やコストに注意してください。
  • 出力動画の長さは語彙数に比例します。適宜バッチ分割を推奨します。

ライセンス

MIT

関連スキル