mcpField
A
ad-creative-generation

ad-creative-generation

github.com/hyperfx-aiマーケティング・グロース107209 回インストール2 日前に更新
リポジトリ

ad-creative-generation について

ad-creative-generation は、ブランド情報の抽出、コピー作成、画像生成を組み合わせて、ブランドに沿った広告を制作するスキルです。広告案をまとめて作成するマーケター向けで、エージェントに Hyper MCP を接続する必要があります。

主な機能

  1. 01ウェブサイトからブランド要素を抽出
  2. 02広告コピーとバリエーションを作成
  3. 03ブランド素材を使った広告画像の生成
  4. 04掲載面に合わせた比率と品質の指定
  5. 05用途に応じた画像ツールの選択

活用シーン

  1. 01ウェブサイトや製品のブランド広告を作成
  2. 02A/B テスト用のコピー案を用意
  3. 03ソーシャルメディア掲載用の画像を制作

MCP 対応

エージェントに Hyper MCP を接続し、ブランド抽出、広告クエリ、画像生成のツールを利用します。ブランド抽出には Firecrawl の連携設定も必要です。

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/hyperfx-ai/marketing-skills --skill ad-creative-generation

インストール後、Claude Code で/ad-creative-generationを入力して読み込まれたか確認します。

同梱ファイル

SKILL.md と一緒にインストールされる参考資料やスクリプト。

references/
ad-copy-frameworks.md
brand-extraction.md
google-ads-creatives.md
meta-ads-creatives.md

詳細

広告クリエイティブの生成

ブランドのアイデンティティに合った広告クリエイティブ(ビジュアルとコピーの両方)を生成します。このスキルでは、ブランドの抽出、コピーライティング、画像生成を一つのワークフローに統合します。

要件

このスキルでは、以下のツールを利用できるように、Hyper MCP がエージェントに接続されていることを前提とします。ブランドの抽出には、Hyper のインテグレーションで Firecrawl を設定する必要もあります。

このスキルのツールの実行方法

このスキルの各ツールには、正式なツール名が付いています。利用している環境で指定された呼び出し方法を使って実行してください。

環境ツールを探す実行する
MCP クライアント(Claude、Cursor、Codex、ChatGPT)search("<what you want to do>")、続けて describe("<name>")call("<name>", {...})
Hyper CLIhyperai search "<what you want to do>"、続けて hyperai describe <name>hyperai call <name> --json '{...}'

ツールが見つからない場合は、そのインテグレーションがワークスペースに接続されていないか、有効になっていません。処理を中止し、接続が必要なインテグレーションをユーザーに伝えてください。

ツールの対象範囲

グループツール
ブランドの抽出firecrawl_branding_extract
競合他社の広告marketing_queries_start、marketing_queries_continue(ads.meta_library ストリーム)
画像生成(デフォルト)images_generate(model="gpt-image-2")
画像生成(テキスト重視)images_generate(model="nano-banana-pro")
画像生成(フォトリアルな商品写真)images_generate(model="seedream-4.5")

画像ツールの選び方について詳しくは、image-generation スキルを参照してください。完成したクリエイティブを実際のキャンペーンに活用するには、google-ads と meta-ads を参照してください。

対象外

  • 広告クリエイティブ以外のタスクで適切な画像モデルを選ぶこと — image-generation を使用してください。
  • 実際の広告キャンペーンの作成、開始、予算設定 — google-ads、meta-ads、tiktok-ads、pinterest-ads、または amazon-ads を使用してください。
  • 公開中の競合他社の広告を検索すること — meta-ads-library を使用してください。既知の競合他社のドメインまたは Meta ページから、その競合他社の Meta 広告を1回のクエリで取得するには、ads.meta_library ストリームを指定して marketing_queries_start を使用してください。同じクエリを同日中に再実行すると、保存済みの実行結果を無料で取得できます。

重要なルール

  • ウェブサイトやブランドのビジュアルを生成する前に、必ず最初にブランドを抽出してください。
  • ロゴとスクリーンショットの両方を必ず参照画像として渡してください — SVG ロゴは自動的に PNG に変換されます。
  • 画像 URL は表示しないでください — チャット内に自動的に表示されます。
  • 商品を理解するため、brand.screenshot.description を必ず確認してください — 会社名から推測してはいけません。
  • SaaS/製品の広告では、ユーザーが別のスタイルをリクエストしない限り、ロゴ+見出し+製品のスクリーンショットをデフォルトにしてください。
  • 初回の広告クリエイティブには、デフォルトで model="gpt-image-2" を使用してください — ブランドに合わせる場合は参照画像を使用し、方向性を探る初期コンセプトでは参照画像なしで生成します。
  • 初回のクリエイティブ生成で model="nano-banana-pro" をデフォルトにしないでください — ユーザーが明示的に希望した場合、または画像内の読みやすいテキストが主な要件である場合に使用してください。
  • 掲載面に合わせて aspect_ratio を設定してください — 1:1(フィード)、9:16(ストーリー)、16:9(バナー)。さらに quality("draft" | "standard" | "high")も設定してください。images_generate が受け取るのはこれらの値であり、生のピクセルサイズではありません。
  • 文字数制限を守ってください — Google RSA の見出しは30文字、説明文は90文字、Meta のメインテキストで表示されるのは125文字です。
  • バリエーションごとに変更する変数は1つにしてください。そうすることで、テスト結果の要因を特定できます。
  • 掲載面に合わせてアスペクト比を設定してください — フィードは1:1、ストーリーは9:16(1024x1536 を使用)、バナーは16:9(1536x1024 を使用)です。

ルーティングテーブル

ユーザーのニーズに応じて、適切なリファレンスファイルを参照してください。

ユーザーのニーズリファレンス
「このサイトからブランディングを抽出する」/ブランドカラー、ロゴreferences/brand-extraction.md
「広告コピーを書く」/見出し/バリエーション/フックreferences/ad-copy-frameworks.md
Google RSA/ディスプレイ広告/Performance Max アセットreferences/google-ads-creatives.md
Meta/Facebook/Instagram 広告/カルーセル/ストーリーズreferences/meta-ads-creatives.md

タスクが複数の領域にまたがる場合(例:「このウェブサイトの広告クリエイティブを作成する」)、以下のワークフロー全体に従ってください。

コアワークフロー

フェーズ 1:ブランドの抽出

ウェブサイトの URL を指定して firecrawl_branding_extract を呼び出します。この 1 回の呼び出しで、ブランディングデータ、保存済みのロゴ、ウェブサイトのスクリーンショットが返されます。

brand = firecrawl_branding_extract(url="https://example.com")

結果には以下が含まれます。

  • brand.logo.file_id — 参照として使用するロゴ画像
  • brand.screenshot.file_id — 参照として使用するウェブサイトのスクリーンショット
  • brand.branding — 色、タイポグラフィ、間隔、ブランドの個性

logo と screenshot はどちらも保存済みの画像で、画像生成ツールに reference_images として渡せます。SVG ロゴは自動的に PNG に変換されるため、形式で絞り込まず、必ずロゴを含めてください。

ブランド抽出について詳しくは、references/brand-extraction.md を参照してください。

フェーズ 2:広告コピーの生成

抽出したブランドの個性、トーン、価値提案をもとに、広告コピーのバリエーションを作成します。テストする項目ごとにコピーを構成してください。

  1. フックのバリエーション — 異なる導入の切り口(数字を先頭にしたもの、質問、悩みへの訴求、メリットを先に伝えるもの)
  2. 本文のバリエーション — 異なるメッセージ(ソーシャルプルーフ、機能の強調、緊急性)
  3. CTA のバリエーション — 異なる行動喚起(詳しく見る、今すぐ購入、始める、無料で試す)

結果を特定の変更に結び付けられるよう、バリエーションごとに変更する要素は 1 つだけにしてください。

コピーのフレームワーク、フックのパターン、バリエーション戦略については、references/ad-copy-frameworks.md を参照してください。

フェーズ 3:ビジュアルクリエイティブの生成

ブランドアセットを参照画像として使用し、広告画像を生成します。ブランドツールが SVG ロゴを自動的に PNG に変換するため、ロゴとスクリーンショットの両方を必ず参照画像として渡してください。

brand.screenshot.description を読んで、製品が実際に何をするのか、UI がどのように見えるのかを把握してください。会社名から推測しないでください。

最初の生成では、model="gpt-image-2" を優先してください。

デフォルトのアプローチ(SaaS/製品広告のベストプラクティス)

デフォルトでは、優れた広告クリエイティブは ブランド(ロゴ)、コピー(見出し)、製品(中核となる価値提案を示す実際のスクリーンショット)の 3 つの要素で構成されます。ユーザーがクリエイティブの方向性を指定していない場合、これを推奨される出発点としてください。ユーザーが別のモデルを明示的に指定している場合、または画像の主な用途がテキスト描画である場合を除き、この最初の構成には model="gpt-image-2" を使用してください。

images_generate(
    requests=[{
        "prompt": (
            "Social media ad creative for [company name]. "
            "Top: the [company] logo. "
            "Headline: '[headline from ad copy phase or site hero text]'. "
            "Below the headline: a clean, realistic product screenshot of [describe the actual UI "
            "based on brand.screenshot.description]. "
            "Match the brand style from the references."
        ),
        "reference_images": [brand.logo.file_id, brand.screenshot.file_id]
    }],
    model="gpt-image-2",
    aspect_ratio="1:1",
    quality="high"
)
ユーザーの指示に従う

ユーザーが特定のクリエイティブスタイル(ライフスタイル画像、抽象表現、イラスト、製品を使う人物など)を求めている場合は、その指示に従ってください。上記のデフォルトは出発点であり、制約ではありません。クリエイティブの方向性にかかわらず、参照画像によってブランドの一貫性を保てます。

避けるべきもの(ユーザーが明示的に求めている場合を除く)
  • 架空のビジュアル要素(ロボットのマスコット、無関係なプラットフォームのロゴ、抽象的なグラフィック)
  • UI の装飾要素(ボタン、ナビゲーションバー、フォーム入力欄)— CTA は広告プラットフォーム側で追加されます
  • 会社名から製品の機能を推測すること
  • 汎用的なマーケティング用クリップアート

ビジュアルツールの選び方

シナリオツール理由
ブランドイメージに合ったクリエイティブ(デフォルト)images_generate(model="gpt-image-2")、ロゴとスクリーンショットを参照画像として使用最初のブランドコンセプトを作成する際の最適なデフォルトです
テキスト中心のクリエイティブ(画像内の見出し)images_generate(model="nano-banana-pro")画像内のテキスト描画が主な要件の場合のみ使用します
手早いアイデア出し/コンセプトの検討images_generate(model="gpt-image-2")参照画像なしで、すばやく最初のコンセプトを作成できます
既存画像の反復的な調整images_generate(model="nano-banana")、画像を参照画像として使用特定の生成済み画像を編集します
写実的な製品写真/素材の細部images_generate(model="seedream-4.5")布地や質感、空間の奥行きの表現に優れています

プラットフォームのクイックリファレンス

プラットフォーム形式画像サイズ主な制限
Meta フィード1:11080x1080メインテキスト:表示されるのは125文字まで
Meta ストーリー9:161080x1920全画面、最長15秒
Meta カルーセル1:11080x1080最大10枚
Google RSAN/A(テキストのみ)N/A見出し15件(30文字)、説明文4件(90文字)
Google ディスプレイ各種1200x628レスポンシブディスプレイ広告

プラットフォームの仕様全体については、references/google-ads-creatives.md または references/meta-ads-creatives.md をお読みください。

広告コピーのバリエーション:クイックリファレンス

既存の高パフォーマンス広告からバリエーションを生成する場合:

  1. 効果が高かった要素を特定します:フックの種類、CTA、メッセージの切り口、形式
  2. 効果が高かった要素を維持しつつ、変数を1つ変更したバリエーションを生成します
  3. 検証する要素(フック、本文、CTA)ごとにバリエーションをグループ化します
  4. A/Bテスト用にバリエーションをペアにします。各ペアでは変数を1つだけ変えるようにします

詳しいフレームワークについては、references/ad-copy-frameworks.md をお読みください。

  • ユーザーの指示に従う — ユーザーがライフスタイル、イラスト、抽象的な表現、その他のスタイルを希望する場合は、その希望に従います。クリエイティブの方向性にかかわらず、参照画像を使えばブランドの一貫性を保てます。

コメント