Communitygithub.com

emeraldhycient/motion-ad-director

ガイド付きステップバイステップワークフローで、Claudeを使用してモーショングラフィックス/SaaS/アプリ/プロダクト広告を制作します。必要な情報(製品、尺、アセット、エンディング、レベル、サウンド)をユーザーにヒアリングし、ストーリーボードの承認を必須としてから、saas-animationスキルにビルドを引き継ぎ、サウンドデザイン、ナレーション、音楽で仕上げます。「広告/プロモ/モーショングラフィック/アプリ動画/プロダクト動画を作って」と言われたとき、または/motion-ad-directorを呼び出したときに使用します。

motion-ad-director とは?

このスキルは、Rourke Heath(RourkeIdeas)氏の「Claude Opus 5.5:モーショングラフィックの作り方」ワークフローを実装した、Claude Code向けのモーション広告ディレクターです。製品/ブランド、尺(15秒、30秒など)、ターゲットオーディエンス、CTA、アセット(高解像度ロゴ、UIスクリーンショット、物理製品のリファレンス)をヒアリングし、3段階の制作レベル(純粋なプロンプティング、ブランドアート+AIナレーション、Blenderによるフォトリアルなプロダクトレンダリング)から最適なものを推奨します。承認必須の番号付きストーリーボード(5~10ショット)を作成し、視覚的なトランジションルール(クロスディゾルブ禁止、中心配置、常時モーション、浅い被写界深度など)を適用した後、無料の`saas-animation`スキルにビルドを委譲します。最終段階ではサウンドエフェクト、ElevenLabsによるナレーション、Sunoによる音楽を追加し、完成した動画と制作サマリーを納品します。有料サービス(ElevenLabs、Sunoなど)の使用前には必ずユーザーの確認を得るよう設計されています。

対応✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/emeraldhycient/motion-ad-director/tree/HEAD

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

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

ドキュメント

モーション広告ディレクター

Rourke Heath(RourkeIdeas)氏の「Claude Opus 5.5:モーショングラフィックの作り方」(https://www.youtube.com/watch?v=cDb-wPq0Iyk)で教えられているワークフローに基づいています。このスキルはガイド付きチェックリストであり、ビルドエンジンは同氏の無料`saas-animation`スキルです。`saas-animation`スキルがインストールされていることを確認してください(`~/.claude/skills/saas-animation`)。インストールされていない場合は、https://rourkeideas.com/downloads/claude-opus-motion-graphics からダウンロードするようユーザーに伝え、インストールが完了するまで停止してください。

質問は小分けに(最大4つずつ)行い、ユーザーが既に回答した項目はスキップし、アセットを勝手に作成しないでください。作業は動画ごとに1つのフォルダで行います。

ステージ 0: プロジェクトフォルダ

この動画用のフォルダ(例:Spotify-ad/)を確認または作成します。すべてのファイル(アセット、ストーリーボード、レンダリング、オーディオ)をこのフォルダに格納します。

ステージ 1: ブリーフ(不足している情報を尋ねる)

  • 製品/ブランド、ターゲットオーディエンス、公開場所
  • 尺(15秒、30秒、またはその他)。これにより、後のストーリーボードとナレーション/音楽の長さが決まります。
  • コールトゥアクション/エンディング(App Store、Webサイト、サインアップ、または実写映像へのカット)
  • ナレーション?カスタム音楽?効果音?

ステージ 2: 材料:質の高い入力=質の高い出力

以下を要求し、確認します。

  1. 高解像度ロゴ(スクリーンショットからロゴを切り抜かないでください。ユーザーが明示的に同意して確認しない限り、図形から再描画しないでください。)
  2. UIスクリーンショット(アプリ、ブランドカラー、フォント、既存のイラスト)
  3. 物理製品: すべての角度のリファレンス、理想的には実物を手元に用意します。
  4. オプション:ユーザー自身のAI画像/動画、効果音パック、音楽ファイル

解像度を確認し、品質の低いアセットで進めるよりも、より良いアセットを求めてください。

ステージ 3: レベルの選択

レベル追加要素必要なもの
1Claudeでの純粋なプロンプティング:クリーンなアプリ/UI広告アセットのみ
2ブランドアート(パペットアニメーションカットアウト)、AIナレーション、カスタム音楽ElevenLabsコネクタ、Suno(オプション)
3Blender:物理製品のフォトリアルなライティングBlenderがインストールされていること(ユーザーが自分で開かない)

ブリーフからレベルを推奨します。レベル3は物理製品/スタジオ照明ルックの場合のみ。レベル2のナレーションについては、ElevenLabsコネクタが接続されているか確認します。レベル3については、Blenderがインストールされているか確認します(which blender / /Applications/Blender.app)。

ステージ 4: 番号付きストーリーボード:承認のために停止

番号付きストーリーボード(5~10ショット、時間範囲、画面に表示されるもの、動くもの、各ショットが次のショットにどのように変化するか)を作成します。以下のディレクションルールを組み込みます。

  • すべてのショットが次のショットに変化します。 クロスディゾルブは禁止。各トランジションについて「この形状はどのようにしてその形状になるのか?」と問いかけます。
  • フォーカスは常に中央に保ち、エフェクトはその周りで発生させます。
  • 常に動きを入れます: カメラの動きまたは動く要素。静止状態は避けます。
  • 浅い被写界深度と変化に富んだカメラワークで映画的なルックにします。
  • テキスト: バウンスや文字のフェードは禁止。各単語はその場で上にスライドし、次々と表示されます。
  • エンディングはコールトゥアクションから逆算してデザインします。実写にカットする場合は、ユーザーのリファレンスフレームで正確に終了します。
  • Blenderレベル:一律にライトを配置するのではなく、単一の動機付けられたキーライトを使用します。

ストーリーボードを表示し、メモを取り、修正し、ユーザーが明確に承認するまでビルドを行わないでください。メモは承認ではありません。ショット/順序/トランジションを変更した場合は、再度承認を得る必要があります。

ステージ 5: ビルド(ビジュアルのみ)

承認されたストーリーボード、アセット、レベルをsaas-animationスキルに引き渡します。シンプルな広告で約8~12分かかると想定します。モーションデザイナーとしてスチル/コンタクトシートを確認します。物理製品の場合:レンダリングを実物と比較するようユーザーに依頼し(形状、部品の交差、左右差)、差異を修正します。画像が承認されるまでノートを繰り返します。バージョンは保持し、ユーザーファイルを削除しないでください。

ステージ 6: サウンド(画像が確定した後にのみ)

後でビジュアルを変更すると、サウンド同期が崩れます。

  1. 効果音: プロジェクトフォルダ内のパックを使用します(有料パックまたはArtlistのようなサブスクリプションライブラリを推奨。ソース動画はOculus Soundを使用)。ビートに合わせて配置します。
  2. ナレーション(レベル2以上): 最終的な尺が確定したら、各ショットに合うスクリプトを作成し、ElevenLabsコネクタで生成します。クレジットを消費する前に確認を取ってください。
  3. 音楽: 動画の正確な長さのトラックを生成するSunoプロンプトを作成します。ユーザーが生成し(自動化する場合は事前に確認)、ミックスして音量を設定します。

ステージ 7: 納品

最終エクスポートと、作成したもの、バージョン、確認できなかったもの(スチルは再生ではなく、Claudeは音声を聞くことができない)のサマリーを提供します。追加のノートラウンドを提案します。

ルール

  • 一般的な短いプロンプトは一般的な出力を生みます。芸術的な方向性を追求してください。
  • 有料サービス:必ず事前に確認を取ってください。
  • 確認していないことを確認したと主張しないでください。

関連スキル