スキル一覧に戻る
モーショングラフィックス · Advibly Skill

コラージュモーション広告

参考画像を貼り付けると、スキルが項目ごとに編集できる JSON 仕様書に分解します。背景色、網点の密度、切り口、ドロップシャドウ、アイデア、ラベルまで。そのうえで nano-banana-2 でブランドに沿った静止画を作り、Gemini Omni Flash でコマ撮り風のアニメーションにします。何もない色面に切り抜いたパーツが滑り込み、ぴたりと収まる動きです。一度分解すれば、元の雰囲気に忠実なバリエーションをいくらでも作れます。

網点紙コラージュコマ撮り誌面風
GitHub でソースを見る
頼むだけ

ひと言頼めば、あとは自動で。

こんなふうに普段の言葉で頼めば、スキルが動き出します。コマンドを覚える必要はありません。

このテイストを分析してアニメーションにして網点の紙コラージュ風の広告を作ってこの参考画像を仕様書に分解してこの静止画を、何もない状態から組み上がるモーショングラフィックスにして
制作の流れ

スキルが代わりにやること。

  1. 1

    参考画像を読み解く

    あえて細かすぎるほど参考画像を分析します。表現技法、正確な背景色、切り抜かれた要素の1つひとつと、その網点や影の処理、アイデア、画面に描き込まれたラベルまで言語化します。

  2. 2

    編集できる仕様書を出力する

    項目ごとの JSON 仕様書を出力します。どの属性も個別に差し替えられるので、「同じテイストで背景色だけ変えて」と頼めば、該当ブロックだけを書き換えて全体を出し直します。

  3. 3

    ブランドに沿った静止画を作る

    nano-banana-2 で、シーンごとに静止画を2枚作ります。何もない色面と、完成したコンポジションです。ラベルは生成時に描き込みます(Advibly にはあえてテキストを重ねるツールがありません)。

  4. 4

    何もない状態から組み上げる

    Gemini Omni Flash が何もない色面から始まり、プロンプトに沿って切り抜いたパーツが滑り込み、ぴたりと収まります。キレのあるコマ撮りのテンポで、音声も同時に生成されます。

  5. 5

    テイストを固定して量産する

    背景色、網点、切り口、ラベルのルールを一度固定し、シーンごとにアイデアだけを変えます。単発の寄せ集めではなく、1つのブランドとしてまとまったシリーズになります。

  6. 6

    つないで投稿する

    シェルが使える環境なら、クリップを1本の動画につなぎます。使えない場合は、クリップを順番どおりにお渡しします。そのまま連携済みの SNS アカウントに投稿することもできます。

使用モデル

工程ごとに、最適なモデルを。

nano-banana-2網点の静止画(最大4K)
Gemini Omni Flash何もない状態から組み上がる動き
Seedance 2.0空の状態から完成形への正確な補間
納品物

手元に届くもの。

  • 読み解いたテイストを項目ごとに編集できる JSON 仕様書
  • ラベルを描き込んだ、ブランドに沿った網点の静止画
  • 何もない状態から組み上がるコマ撮り風の動画クリップ
  • 1つのブランドとしてまとまった複数シーンのシリーズ
インストール

導入は数秒で完了。

スキルをインストールしたら、Advibly MCP が接続されているか確認してください。スキルが呼び出すツールは MCP 側にあります。スキルに対応したエージェントならどれでも使えます。

Claude Code
Claude
Cursor
Codex
VS Code
OpenClaw
Hermes
ChatGPT
まず Advibly MCP を接続する
ワンクリック、ターミナル不要

.skill ファイルを Claude の「Settings」→「Skills」にドラッグするか、フォルダを解凍して ~/.claude/skills に置いてください。

コマンド1行で(どのエージェントでも)
npx skills add advibly/skills -s collage-motion

Claude Code、Claude Desktop、Cursor など、スキルに対応したエージェントならどれでも使えます。GitHub から直接取得します。

手動でインストール(Claude Code)
git clone https://github.com/advibly/skills.git
cp -R skills/collage-motion ~/.claude/skills/

Claude Desktop なら「Settings」→「Skills」→「Install」を開き、スキルのフォルダを選択します。

同梱のリファレンス

制作のノウハウ集。

どのスキルにも、エージェントが必要なときに読み込むリファレンス文書が付いています。プロの制作ノウハウが最初から組み込まれています。

collage-dimensions.md

網点、切り口、影、背景色、ラベルの処理を表す語彙と、分解の実例1つ。

できないこと

事前に知っておきたい注意点。

  • 初期設定では参考画像に忠実に作るため(on_brand: false)、読み解いた背景色がそのまま残ります。ブランドカラーに塗り替えるのは、指定があったときだけです。
  • プロンプトはそれぞれ単体で完結させます。生成モデルは以前の呼び出しを覚えていません。
  • ラベルは生成時に描き込み、後から重ねることはしません。
  • Omni Flash は終わりのフレームを指定できません。最後の構図をぴったり合わせたい場合、1:1 や 15秒の場合は、シリーズごと Seedance 2.0 に切り替えます。
ほかのスキル

次の広告も、スキルで。

動画広告

UGC動画広告

ブランドと訴求軸を1つ渡すだけで、複数カット構成の UGC 動画広告が完成します。

UGC動画ダイレクトレスポンス9:16
スキルを見る
解説動画

アニメーション解説動画

テーマを1つ渡せば、10種類の映像スタイルから選べるナレーション付きの解説アニメが完成します。

解説動画10スタイルナレーション付き16:9 / 9:16
スキルを見る
動画編集

動画リスタイル

1本の完成動画を、まったく違う11の世界観に塗り替えます。

動画から動画11スタイルリップシンク元の音声
スキルを見る
モーショングラフィックス

Vox 風解説広告

1つの主張を、本格的なショート動画のように編集したナレーション付きのコラージュ解説に。

Vox 風紙コラージュ解説動画9:16 / 16:9
スキルを見る
静止画広告

静止画広告

1つのブランドから、実績のある15のレイアウトに振り分けた静止画広告案をまとめて作ります。

静止画Metaまとめて作成4:5
スキルを見る
アニメーション広告

クレイアニメ広告

1つの商品を、ナレーション付きの温かみあるアードマン風コマ撮りクレイアニメ広告に。

クレイアニメコマ撮りアードマン風9:16
スキルを見る
アニメーション広告

ピクサー風広告

ブランドと商品を、劇場アニメのような温かみのあるオリジナル3Dアニメ広告に。

ピクサー風3Dアニメキャラクター広告9:16
スキルを見る
アニメーション広告

棒人間アニメ広告

ブランドのアイデアや広告コピーを、1クリップずつ演出した情報量たっぷりの棒人間動画に。

棒人間線画アニメ9:16 / 16:9 / 1:1ナレーション付き
スキルを見る