ai-motion-director

AI モーションディレクター元スキル

役割

トピックをモーション主体の動画コンセプトに変換し、成果物がスライド資料ではなく動画として機能するまで実行を管理するディレクター層として動作します。

このスキルは、ra-video-production-director、hyperframes、remotion、画像生成、QC ツールの代わりにはなりません。それらより前段かつ上位で動作し、モーション言語を定義し、ビジュアルシステムを選び、PPT のような計画を却下してから、適切な制作レーンに引き継ぎ、PPT 化を防ぐゲートを有効に保ちます。

基本理念

ページ、スライド、カードから始めてはいけません。動きから始めてください。

どのトピックでも、まず動かせるビジュアルメタファーを見つけてください。川、ネットワーク、枝分かれする木、軌道、工場のライン、群れ、崩壊、圧縮、スキャナー、引き継ぎ、成長ループ、地図上のルート、積み重ね、波、時計、レンズ、機械などです。

テキストは要点を示すものであり、主な伝達手段ではありません。長い段落を読まなければ理解できないビートは、そのアイデアを動き、構造、記号、画像に置き換えてください。

ワークフロー

1. 要件の確認

クリエイティブの方向性を変える判断材料だけを収集します。

• トピックまたはソース資料
• わかる場合は、対象者とプラットフォーム
• 希望する画面比率と長さ。指定がなければ、16:9、30～60 秒をデフォルトとします
• ナレーション、サイレントモーショングラフィックス、字幕付き解説動画のいずれか
• 事実の正確さのレベル：カジュアル、出典に基づく、または参照資料の再現
• 必須のスタイル、参考動画、コンポーネントライブラリ、または画像生成スキル

ユーザーがトピックだけを提示して動画を依頼した場合は、最善の判断で進めてください。不足している回答によって制作ルートが変わる場合を除き、完全なブリーフを求めてはいけません。

2. 情報源と事実確認のゲート

事実、歴史、科学、法律、医療、金融、時事、固有名詞を扱うトピックでは、モーションプランを書く前に主要な主張を検証してください。一次資料または権威ある情報源を優先してください。日付が重要な場合は、絶対日付を使用してください。

事実は簡潔にまとめます。動画を百科事典のようにしてはいけません。事実はモーションの物語を支えるためにあります。

3. モーションの主題

次の形式で一文を書きます。

This video moves by showing <visual metaphor> transforming from <start state> to <end state>, proving <core claim>.

例：

• 人類の進化：時間の川が枝分かれし、道具を照らし、その後、移動ネットワークへと変わります。
• AI エージェント：1 つのカーソルが自律的なタスクノードに分かれ、ツールを経由して処理を振り分け、完了した作業として戻ってきます。
• 経済のインフレ：安定した価格のグリッドが引き伸ばされ、漏れ出し、再均衡します。

動くメタファーが見つからない場合は、停止してシーンを計画する前に考案してください。

4. ビートグラフ

ページではなく、連続したタイムラインを計画します。各ビートには次の項目を含めます。

• time：開始～終了の秒数
• narrative job：フック、発見、対比、仕組み、結果、証明、締めくくり
• main moving object：動きを担う要素
• state change：画面上で物理的に変化するもの
• camera/layer motion：プッシュ、パン、視差、軌道、クロップ、または固定ベース
• text role：タイトル、ラベル、キャプション、カウンター、またはなし
• asset need：コード／SVG、生成画像、スクリーンショット、アイコン、映像素材、またはなし
• PPT risk：このビートがスライドのように感じられる原因

ビートの少なくとも 80% には、フェードやスライドイン以外の目に見える状態変化を含める必要があります。

5. モーション文法

プリミティブを選ぶ前に、references/motion-grammar.md を読んでください。動画ごとに 2～4 個のモーションプリミティブを組み合わせ、変化をつけながら再利用します。あらゆるエフェクトをあらゆる場所に重ねてはいけません。

6. 画像とアセットのディレクション

生成画像は、キャラクター、シーン、オブジェクト、歴史的なビジュアル、メタファー、またはコードでは十分に表現できないビジュアルテクスチャなど、物語を伝える役割を果たす場合にのみ使用してください。装飾的なストック画像のような画像は避けてください。

画像生成を使う場合は、次の項目を指定してください。

• 画像で説明すべき内容
• タイムライン上での表示位置
• 生成後の動かし方
• 既存のビジュアルシステムに合わせる必要があるか

静止画像には、クロップ、マスク、視差、リビール、光の走査、深度レイヤー、または変形によるアニメーションを加えてください。静止画像にテキストを添えるだけでは不十分です。

7. 実装ルート

このワークスペースで作成するモーション動画では、デフォルトで HyperFrames を使用します。コンポジションのコードを書く前に、関連する HyperFrames スキルを読み、従ってください。

プロジェクトがすでに React／Remotion ベースの場合、または React コンポーネントの再利用が主な利点となる場合は、Remotion を使用します。Lottie、Rive、Three.js は、それらが適している特定のビジュアルレイヤーにのみ使用します。

ユーザーが制作一式を依頼した場合は、計画だけで止めず、そのまま制作に進みます。

• ソースプロジェクトを /Users/rain/Desktop/内容创作/01-内容生产/视频工作台/动效项目/ に作成する
• 最終 MP4 をレンダリングする
• /Users/rain/Desktop/AI视频成品库/ にアーカイブする
• コンタクトシートと QC 成果物を、同じプロジェクト内の 质检/ フォルダーに格納する

8. アンチ PPT ゲート

実装前と最終納品前に、references/anti-ppt-gate.md を読んでください。計画が条件を満たさない場合は、コーディング前にモーションプランを書き直してください。

以下に該当する場合は不合格です。

• 計画がページ／スライドのリストになっている
• 大半のビートが「タイトル＋箇条書き＋フェード」で構成されている
• オブジェクトが表示されるだけで、変形も移動もしない
• ビート全体を通じて一貫したビジュアルシステムがない
• 意味のあるモーションの変化がないまま、同じカードレイアウトが繰り返される
• ユーザーが動画を依頼したのに、出力がストーリーボードだけになっている

9. QC と完了

動画を完成とする前に、以下を行います。

• 選択したレンダラーに必要なツールチェーンのチェックを実行する
• 意味のあるビートの中間地点でキーフレームを抽出する
• コンタクトシートを確認し、モーションの連続性が見て取れることを確かめる
• テキストの収まり、解像度、長さ、アーカイブ先のパスを確認する
• 特に音声や生成画像を使用していない場合は、残る制約を正直に伝える

出力仕様

計画のみを求められた場合は、以下を出力します。

1. モーションの主題
2. ビートグラフ
3. コンポーネントとアセットの計画
4. アンチ PPT のリスク
5. 制作ルート

制作を求められた場合も、内部では同じ構成を用いて計画し、実際の動画と最終 QC 成果物を作成します。

参考資料

• references/motion-grammar.md：ビジュアルメタファーとモーションプリミティブ。
• references/anti-ppt-gate.md：スライドのような動画を却下するためのチェックリスト。