Remotionを使い、文章からチャートや絵文字、タイムラインを盛り込んだLive Photo風のアニメーションカバーを作るAIコーディングアシスタント向けスキル。
gnipbao/story-to-handdrawn-video
中国語の物語テキストや順序付き画像から、Remotionで無音の3:4手描き日記風コミック動画を生成するAgent Skill。
- スター
- 2,376
- フォーク
- 330
- 未解決の Issue
- 2
- 最終コミット
- 先月
これは何?
story-to-handdrawn-videoは、中国語の物語テキストや順序付き画像から、縦型の手描きアニメーションを生成します。AIエージェントが絵コンテを作成し、画像ツールで手書きの中国語キャプション付きのイラスト原稿ページを生成すると、ローカルのパイプラインがそれらをレイヤーに分割します。Remotionで無音のH.264 MP4として書き出し、後からナレーションや音楽を加えられます。解像度は720×960または1080×1440です。
アニメーションモードは2種類あります。レイヤーモードでは、テキスト、カラーイラストから作成したグレースケール画像、カラー画像の順に左から右へ表示します。ページめくりモードでは、各ページ全体をそのまま保ち、右下の角をめくって次のページを表示します。スタイルレシピ297種類とカラーパレット30種類を収録し、厳選した30種類をデフォルトメニューとして用意しています。また、参考画像を分析して、そのスタイルを保存し再利用するワークフローも備えています。
Remotionレンダラーと、Codex、Claude Code、Kimi Codeなどのエージェントで使えるインストール可能なAgent Skillが同梱されています。利用にはNode.js 20以降、Python 3.10以降、FFmpeg、および新しい画像を生成するためにエージェントが利用できる画像生成ツールが必要です。
主な機能
- 01中国語の物語テキストや順序付き画像から、無音の縦型3:4 MP4を生成。
- 02手書きの中国語キャプション付きイラストを一度の処理で生成。
- 03レイヤーモードでは、テキスト、グレースケール画像、カラー画像を順に表示。
- 04ページめくりモードでは、右下の角をめくりながら元のページ全体を順に表示。
- 05スタイルレシピ297種類とカラーパレット30種類を収録し、オフラインで閲覧できるカタログも用意。
- 06参考画像を分析し、カスタムスタイルを保存して後から再利用。
ユースケース
- 短い物語から、手描きの日記風動画や絵本風動画を作成する。
- すでに描かれているイラストページを順番にアニメーション化する。
- 本番のレンダリング前に、アートスタイルをプレビューして比較する。
- 後からナレーションや音楽を加える無音動画のドラフトを制作する。
クイックスタート
- 1
リポジトリをクローンする
git clone https://github.com/gnipbao/story-to-handdrawn-video.git - 2
プロジェクトフォルダーに移動する
cd story-to-handdrawn-video - 3
レンダラーの依存関係をインストールする
npm ci - 4
Skill を Codex の skills フォルダーにコピーする
cp -R skill-package/story-to-handdrawn-video ~/.codex/skills/
使う前に知っておきたいこと
- 新しいアートワークを作成するには、Agent で利用できる画像生成ツールが必要です。
- Node.js 20 以降、Python 3.10 以降、FFmpeg、および互換性のあるブラウザーが必要です。
- 書き出した動画は無音のため、ナレーションや音楽は後処理で追加する必要があります。
収録されている特集
トピック
よくある質問
- story-to-handdrawn-video とは?
- 中国語の物語テキストや順序付き画像から、Remotionで無音の3:4手描き日記風コミック動画を生成するAgent Skill。 story-to-handdrawn-videoは、中国語の物語テキストや順序付き画像から、縦型の手描きアニメーションを生成します。AIエージェントが絵コンテを作成し、画像ツールで手書きの中国語キャプション付きのイラスト原稿ページを生成すると、ローカルのパイプラインがそれらをレイヤーに分割します。Remotionで無音のH.264 MP4として書き出し、後からナレーションや音楽を加えられます。解像度は720×960または1080×1440です。
- story-to-handdrawn-video は無料で使えますか?ライセンスは?
- story-to-handdrawn-video は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。
- story-to-handdrawn-video は今もメンテナンスされていますか?
- 半年以内に更新あり。story-to-handdrawn-video の最終コミットは 2026年9月22日 です。
- story-to-handdrawn-video は何に使えますか?
- 短い物語から、手描きの日記風動画や絵本風動画を作成する。 すでに描かれているイラストページを順番にアニメーション化する。 本番のレンダリング前に、アートスタイルをプレビューして比較する。 後からナレーションや音楽を加える無音動画のドラフトを制作する。
- story-to-handdrawn-video のインストール方法は?
- リポジトリをクローンする: git clone https://github.com/gnipbao/story-to-handdrawn-video.git プロジェクトフォルダーに移動する: cd story-to-handdrawn-video レンダラーの依存関係をインストールする: npm ci Skill を Codex の skills フォルダーにコピーする: cp -R skill-package/story-to-handdrawn-video ~/.codex/skills/
- story-to-handdrawn-video はどこで入手できますか?
- ソースコードとインストール手順は GitHub にあります:https://github.com/gnipbao/story-to-handdrawn-video
概要はプロジェクトの README をもとに AI が生成しています。GitHub の数値は毎日更新されます。
関連プロジェクト
HTML、Canvas、SVG、Three.js、GSAP、Remotionで記述した短編動画の企画から制作、レンダリング、品質確認までをClaude Opus 5.5に指示するClaude Codeスキル。
ストーリーのアイデア、脚本、小説から、脚本・ストーリーボード・キャラクター・動画生成エージェントを連携させてマルチショット動画を作る、エージェント型動画生成フレームワーク。
ストーリーボード作成、マルチモーダル生成、アセット管理に対応した、無限キャンバス搭載のオープンソースAI映画・ショートドラマ制作ワークスペース。
キャンバス内エージェント、3Dディレクタースタジオ、プラグイン式の生成プロバイダーを備えた、AI画像・動画・ストーリーボード制作向けのローカルなノードベースキャンバス。
ノードグラフ、専用エディター、3Dディレクターステージを備え、ローカル優先でモデルを利用して短編動画・ゲーム・広告向け素材を生成するデスクトップAIアートエンジン。