yanjigb/article-to-motion-graphics

Article to motion graphics

記事から説明動画の縦型動画を作成します。情報が明確で、タイポグラフィが読みやすく、ナレーションは自然な速度であることを優先します。ユーザーがモーショングラフィックスのみをリクエストしている場合、実際の人物の映像を自動的に使用しません。

必須プロセス

1. ブリーフィングの確認 URLまたはソーステキスト、ナレーション言語、アスペクト比、プラットフォーム、希望尺、ナレーション/BGMの有無を記録します。デフォルト：9:16、1080×1920、全画面モーショングラフィックス、記事の言語によるナレーション、軽めのインストゥルメンタルBGM。
2. ソースの読み取り URLがある場合は、適切なリサーチ/フェッチプロセスで記事の内容を読み取ります。数値、論点、結論を抽出します。データの推測は行いません。必要に応じて、ストーリーボードやエンドカードで記事を引用元として使用します。
3. 短いストーリーボードを作成 6～10の情報状態に分割します。各状態には、予想尺、主要メッセージ、表示テキスト、モーションの種類、対応するナレーション文を含めます。各時点でフォーカルポイントを1つに絞り、1画面に複数の文章を詰め込みすぎないようにします。
4. ナレーションに合わせて尺を選択 自然な話し言葉で台本を作成します（論文調ではありません）。毎分135～165語を目安にします。台本が動画尺より長い場合は、動画を伸ばすか台本を短くすることを優先し、ユーザーが要求しない限り速度を1.1倍以上に上げないでください。ナレーションは最後まで完結し、動画の終了で途切れないようにします。
5. モーショングラフィックスを制作 背景、グリッド、シェイプ、カウンター、バー、ファネル、ネットワーク図、UIモックアップなどを自己完結型のコードで作成します。Unicode対応のローカルフォールバックフォントを使用します。テキストはセーフエリア内に収め、スマートフォン画面で読める十分なフォントサイズにし、最後に引用/エンドカードを配置します。
6. ナレーションを生成 音声ツールを呼び出す前に tts-prompter を読んでください。一貫した音声を使用し、language_code は正しい言語に設定し、turns[].text には読み上げるテキストのみを含めます。発音ガイドは turns[].style に記述します。ステージディレクションや話者ラベルはテキストに含めないでください。
7. BGMを生成 音楽ツールを呼び出す前に music-prompter を読んでください。ナレーションがある動画の場合は「インストゥルメンタルのみ、ボーカルなし」を指定し、アレンジは薄め、ナレーションを邪魔しないリードメロディなしにします。ループ/トリミングに十分な長さのトラックを1つ作成します（動画が180秒未満の場合は分割しません）。
8. オーディオをミックス FFmpegを使用して、音楽を動画尺に合わせてカット/ループし、ナレーションは自然な速度を維持し、BGMをナレーションより約12～20%下げてから amix と alimiter を使用します。ナレーションが映像より長い場合は、映像をナレーション尺に合わせてレンダリングするか、ストーリーボードを調整します。黙ってナレーションをカットしてはいけません。
9. 確認 ffprobe を使用して、解像度、尺、フレームレート、コーデック、オーディオストリームを確認します。少なくとも最初のフレーム、各シーングループ間の中間フレーム、最後のフレームを抽出します。テキストが切れていないか、アニメーションが読み取り可能な位置で停止しているか、ナレーションが文の途中で終わっていないか、BGMがナレーションを妨げていないかを確認します。
10. 納品 完成したMP4ファイルを最初に送信します。再利用可能なソースを作成した場合は、ソーススクリプトも送信します。解像度、アスペクト比、尺、フレームレート、ナレーション言語、オーディオステータスを明記します。

クリエイティブのデフォルト

• スタイル：ネイビー/チャコールの背景、繊細なグリッド、シアン/ブルー/オレンジのアクセント、太字のタイポグラフィ、クリーンで意図的な動き。
• ソーシャル構造：最初の1～2秒でフック；その後、データやプロセス；最後に要点と引用元。
• 各シーンには、エントランス、読み取りホールド、エグジット/トランジションがあります。関連性のない複数のアニメーションを同時に実行させないでください。
• ソースが英語の場合は英語を優先します。DR、dofollow、SaaSなどの技術用語は必要に応じてそのまま使用します。
• ロゴ、ブランド、データ、引用を捏造しないでください。正確なブランドアセットが必要な場合は、リクエストするか、提供されたアセットを使用します。

ストーリーボードサンプル

シーン1 — フック (0:00–0:05)
映像: 大きな数字と変換を示す矢印。
画面上: “463 tested → 22 worth submitting to”
ナレーション: 主要な矛盾を提示する短い文。

シーン2 — 方法 (0:05–0:12)
映像: ファネル/カウンター。
画面上: 入力値と重複除去後の数値。
ナレーション: リスト作成方法の説明。

シーン3 — フィルター (0:12–0:22)
映像: 棒グラフまたは除外グループごとのカード。
ナレーション: 最も重要なグループのみに言及。

最終 — 要点 (動画終了時)
映像: 大きな結論文、下部に小さく引用元。
ナレーション: 結論と推奨されるアクション。

付属リソース

• templates/storyboard_prompt_template.md を使用して、画像/動画AIツール向けに英語で標準化されたストーリーボードとプロンプトを作成します。テンプレートには、タイムコード、画面上の正確なテキスト、ナレーション、モーション、連続性、QAが含まれます。
• examples/saas-demand-generation-flywheel.md を参照すると、データ、注意点、引用を含むSaaSケーススタディに基づく完全なストーリーボード/プロンプトの例を確認できます。
• scripts/mix_video_audio.sh を使用して、音楽のループ/カット、BGMの音量調整、ナレーションとのミックス、出力の確認を行います。使用前に bash scripts/mix_video_audio.sh --help を実行してください。