hi-nikola/hand-drawn-explainer-video-nikola

これは何？

主な機能

• 01ナレーションに合わせて画像を描き上げる、ストローク単位の描画。
• 02前に表示した内容を画面に残せる、左右の意味ブロックを使ったレイアウト。
• 03Q版キャラクター風とミニマルな黒いキャラクターのビジュアルスタイル。
• 04フローチャートや図表向けの、HTML/SVG/GSAPによるプログラム生成アニメーション。
• 05実際のMP4、字幕、タイムライン、編集可能なプロジェクトアセットを出力。

ユースケース

• 歴史上の人物の生涯を、手描きのストーリー動画で解説する。
• 中国語の台本やSRTファイルを、ホワイトボード風の解説動画に変換する。
• ラベルや矢印を正確に配置したフローチャートや概念図を作成する。
• 描画を行わずに、外部の画像・動画モデル向けのプロンプトを生成する。

クイックスタート

1. 1

   リポジトリをCodexのスキルフォルダにクローンする

   git clone https://github.com/hi-nikola/hand-drawn-explainer-video-nikola.git "$env:USERPROFILE/.codex/skills/hand-drawn-explainer-video-nikola"
2. 2

   セットアップ確認スクリプトを実行する

   python "$env:USERPROFILE/.codex/skills/hand-drawn-explainer-video-nikola/scripts/setup_check.py"
3. 3

   stroke-by-stroke動画に必要なstroke-videoの実行環境を準備する

   python vendor/srt-whiteboard-animation/scripts/prepare_env.py

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

• !MP4を完全に出力するにはFFmpeg/FFprobeが必要です。また、プログラムによるアニメーションにはNode.js、ブラウザー、HyperFramesが必要です。
• !音声ナレーションにはデフォルトでVolcano Engineの音声を使用します。利用には認証済みアカウントが必要です。代わりにシステム音声や低品質のTTSを使うことはおすすめしません。
• !新しいイラストや音声ナレーションの生成には、料金が発生する場合のある外部サービスを利用します。

トピック

よくある質問

hand-drawn-explainer-video-nikola とは？

中国語の解説台本やSRTファイルから、手描き動画やプログラム生成アニメーションを作るCodex Skill。 このリポジトリは、トピック、台本、またはSRTファイルをもとに、中国語の知識解説動画を制作するCodex Skillを提供します。制作方法は2種類あります。ナレーションに合わせて手描きのキャンバスが領域ごとに描き上がる、ストローク単位のストーリーアニメーションと、フローチャート、関係図、正確な画面テキストに適した、HTML、SVG、GSAPによるプログラム生成アニメーションです。プロンプトのみのモードでは、ほかの画像・動画モデルで使える、単体で完結したプロンプトを出力します。

hand-drawn-explainer-video-nikola は無料で使えますか？ライセンスは？

hand-drawn-explainer-video-nikola は Apache-2.0 ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。

hand-drawn-explainer-video-nikola は今もメンテナンスされていますか？

半年以内に更新あり。hand-drawn-explainer-video-nikola の最終コミットは 2026年9月3日 です。

hand-drawn-explainer-video-nikola は何に使えますか？

歴史上の人物の生涯を、手描きのストーリー動画で解説する。 中国語の台本やSRTファイルを、ホワイトボード風の解説動画に変換する。 ラベルや矢印を正確に配置したフローチャートや概念図を作成する。 描画を行わずに、外部の画像・動画モデル向けのプロンプトを生成する。

hand-drawn-explainer-video-nikola のインストール方法は？

リポジトリをCodexのスキルフォルダにクローンする: git clone https://github.com/hi-nikola/hand-drawn-explainer-video-nikola.git "$env:USERPROFILE/.codex/skills/hand-drawn-explainer-video-nikola" セットアップ確認スクリプトを実行する: python "$env:USERPROFILE/.codex/skills/hand-drawn-explainer-video-nikola/scripts/setup_check.py" stroke-by-stroke動画に必要なstroke-videoの実行環境を準備する: python vendor/srt-whiteboard-animation/scripts/prepare_env.py

hand-drawn-explainer-video-nikola はどこで入手できますか？

ソースコードとインストール手順は GitHub にあります：https://github.com/hi-nikola/hand-drawn-explainer-video-nikola