すべてのスキル
モーショングラフィックス · Advibly スキル

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

網点の紙コラージュのテイストを見せるか、言葉で伝えるだけ。エージェントがそれを編集できる仕様書に分解し、静止画を作り、何もない色面から各シーンが組み上がるアニメーションに仕上げます。このページの動画はすべて、このスキルが作ったものです。

npx skills add advibly/skills -s collage-motion

無料・オープンソース。

対応ツール
頼むだけ

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

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

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

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

  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 アカウントに投稿することもできます。

参考画像を貼れば、仕様書が返ってきます。

テイストの属性はすべて項目になっていて、画像を1枚も生成する前に変更できます。

分解して、展開する

どんなテイストも、仕様書に分解。

どのシリーズも仕様書から始まります。背景色の HEX 値、網点の密度、切り口とその影、ラベルのスタイル。一度固定すれば、シーンごとに変わるのはアイデアだけなので、シリーズ全体が1つのキャンペーンとして見えます。項目を1つ変えれば、テイスト全体がそれに合わせて変わります。

  • 初期設定は元のテイストに忠実。分解した背景色を保ち、ブランドカラーに塗り替えません
  • ラベルは生成時に描き込み、あとから重ねることはありません
  • Gemini Omni Flash で 9:16 か 16:9。1:1 や15秒のときはシリーズごと Seedance 2.0 に切り替えます
Cobalt cut paper
Blue Tokai
Eye cream
使用モデル

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

静止画は GPT Image 2 が標準です。細かい指定に忠実に従い、各シーンのラベルもきれいに描き込みます。網点の模様がつぶれてしまうときは、シリーズごと Nano Banana 2 に切り替えます。動きは Gemini Omni Flash が標準で、何もない色面から始まり、そこからシーンを組み上げます。決まった最終フレームでぴたりと終える必要があるときは、空の静止画と完成した静止画の両端を受け取るモデルにシリーズごと切り替えます。頼めばエージェントが GPT Image 2.5 Sunburst、Gemini Omni Flash 1.1、Seedance 2.5 などの新しいモデルで生成します。

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

シリーズに細部が必要なときの、最高画質の網点静止画

GPT Image 2.5 Flare新登場

見た目を決めるまでの、最速のシーン下書き

Seedream 5新登場

文字を崩さず描く密なレイアウト、ラベルが崩れるシーンに

GPT Image 2

標準:項目ごとの指定に従い、ラベルを描き込む

Nano Banana 2

質感がつぶれるときも網点と切り口を保つ、最大 4K

Gemini Omni Flash 1.1新登場

何もない色面から組み上げ、完成フレームで終えることも可能

Seedance 2.5新登場

空の状態から完成までの正確な補間、1:1 と最長30秒にも対応

Gemini Omni Flash

標準:何もない状態から組み上がる動き、音声付き

Kling 3

両端のフレームを固定した短いティーザー、音声付き

インストール

導入は数秒で完了。

スキルをインストールしたら、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 に切り替えます。
よくある質問

インストールの前に。

コラージュモーション広告とは?

網点の紙コラージュのテイストで作る短い広告です。平らで鮮やかな背景色、網点で刷られた切り抜きパーツ、レイヤーの間にやわらかい影を落とすくっきりした切り口、そしてシーンごとに1つの明快なアイデア。完成した画面を揺らすのではなく、切り抜いたパーツが滑り込んでぴたりと収まり、シーンを1つずつ組み上げていきます。

エージェントに何を渡せばいいですか?

Advibly に登録済みのブランドと、分解したい参考画像か短いブリーフです。ストアのブランドならカタログから商品を選べ、その写真が商品の登場する各シーンの参考画像になります。画像に触れているのに添付がない場合は、推測せずにスキルが画像を求めます。

Vox 風解説動画スキルとの違いは?

Vox 風の解説動画は、構成案にもとづいてナレーションで語るストーリーで、商品は写真のようにリアルに合成します。コラージュモーションはテイストそのものが主役です。参考画像を編集できる仕様書に分解し、何もない色面から組み上がる短いシーンのシリーズを作ります。音声はクリップと同時に生成され、ナレーション原稿はありません。

1シリーズの長さと、かかる時間は?

指定がなければ、8秒のシーンが4つです。本数や長さは変更できます。動きを生成する前に静止画を承認します。その後、各クリップはバックグラウンドで生成され、Advibly の動画エディタで1本につながります。コマ撮りらしいテンポで仕上がり、エディタで微調整もできます。

料金はかかりますか?

スキル自体は無料のオープンソースです。実行すると、生成する静止画や動画の分だけ手持ちの Advibly クレジットを使いますが、スキルの追加料金はありません。どの生成も、実行前に必要なクレジットが表示されます。

どのエージェントで使えますか?

インストール可能なスキルと Model Context Protocol に対応したエージェントなら使えます。Claude Code、Claude、Cursor、Codex、VS Code、OpenClaw、Hermes、ChatGPT などです。npx コマンドひとつでインストールし、Advibly MCP を接続すれば、スキルがツールを呼び出せるようになります。

次のコラージュ広告は、参考画像1枚から。

スキルをインストールし、Advibly MCP を接続して、再現したいテイストを貼り付けるだけです。

npx skills add advibly/skills -s collage-motion

ターミナルがない場合は、.skill ファイルをダウンロードして Claude → 設定 (Settings) → Skills にドロップしてください。

対応ツール
ほかのスキル

次の広告も、スキルで。

モーショングラフィックス

Vox 風解説広告

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

Vox 風紙コラージュ解説動画9:16 / 16:9
スキルを見る
アニメーション広告

棒人間アニメ広告

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

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

アニメーション解説動画

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

解説動画10スタイルナレーション付き16:9 / 9:16
スキルを見る
アニメーション広告

クレイアニメ広告

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

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

ピクサー風広告

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

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

UGC動画広告

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

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

動画リスタイル

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

動画から動画11スタイルリップシンク元の音声
スキルを見る
静止画広告

静止画広告

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

静止画Metaまとめて作成4:5
スキルを見る