Arnie936/image-to-campaign

Image → Campaign

1枚の画像から完全なドイツ語マーケティングファネルを構築します。重要なのは、1枚の画像を入力として、一貫性のあるファネルを出力することです。Instagramリールは注目を集め、ブログは信頼を構築してSEOで上位表示され、ランディングページはコンバージョンを促進します。すべてのアセットは、あなたが作成しユーザーが承認する単一の Brand Brief（ブランドブリーフ） から派生するため、視覚的および言語的なアイデンティティが共有されます。クレジットが消費される前にこのプロセスが完了します。

中核原則：ブリーフファースト、唯一の情報源

アセットを先に生成して後から一致させようとしないでください。常にずれが生じます。代わりに以下の手順に従ってください。

1. 画像と短いインタビューから 1つのBrand Brief を作成します。ブリーフは、製品のアイデンティティ、テーゼライン、パレット（OKLCHトークン）、タイポグラフィ、トーン、シーン、CTA、そして選択されたリールのアングル/スタイルを確定します。また、すべてのアセットプロンプトも明記します。
2. ユーザーは 1つのチェックポイント でブリーフを承認します。
3. すべての出力（ランディングページ、リール、ブログ）は、そのテーゼ、パレット、フォント、トーン、プロンプトをブリーフから読み取ります。何も独自にアイデンティティを再導出しません。

これにより、ランディングページ、リール、ブログが3つの無関係なAIアーティファクトではなく、1つのキャンペーンとして表示されるようになります。

このスキルの固定デフォルト

• 言語: ドイツ語。 表示されるすべてのコピー（サイト、キャプション、ブログ）はドイツ語です。技術的なCLIフラグは英語のままです。
• コンバージョン目標: デモ/コンセプト。 実際のショップはまだないため、すべてのCTAはクリーンなプレースホルダー（例：「Jetzt entdecken」）です。架空の価格、チェックアウトリンク、レビューを発明しないでください。
• 承認チェックポイントは1つ。ブリーフの直後です。承認後は、最後まで自律的に実行します。
• ランディングページはローカルに保持（プレビューサーバー）。デプロイ（Vercel）は後続のステップであり、ユーザーが要求した場合のみ行います。

ステップ 0 — ブートストラップ

アセット生成はHiggsfield CLIを介して実行されます（higgsfield-generate および higgsfield-product-photoshoot スキルと同じエンジン）。

1. higgsfield が $PATH にない場合、インストールします： curl -fsSL https://raw.githubusercontent.com/higgsfield-ai/cli/main/install.sh | sh
2. higgsfield account status を実行します。Session expired / Not authenticated で失敗した場合は、ユーザーに higgsfield auth login を実行して待機するよう依頼します。ユーザーがまだHiggsfieldアカウントを持っていない場合は、https://higgsfield.ai/s/mcp-arnold-oberleiter-ecZvus にアクセスしてサインアップするように案内します（アセットを生成するにはクレジット付きのアカウントが必要です）。

入力画像（ローカルパス）が実際にあることを確認します。ユーザーが画像なしで製品を説明しただけの場合は、その旨を伝えます。このスキルは実際の画像を前提としています。テキストのみでも進めることはできますが、忠実度が低下することを伝えてください。

ステップ 1 — インタビュー（最大2質問、ドイツ語）

まず画像を確認し、推測できるすべての情報（製品は何か、誰向けか、ムード）を抽出します。本当にわからないことだけを質問します。ランディングページの仕様に従い、ドイツ語で2つの質問に限定します。

1. Was ist das Produkt/die Marke in einem Satz, für wen, und welches Gefühl soll es auslösen?
2. Soll ich alle Bild- und Videoassets mit Higgsfield generieren, oder gibt es schon Assets/Logo/Farben, die ich verwenden soll?

回答が画像やユーザーのメッセージからすでに明らかな場合は、質問をスキップします。価格や販売先については質問しないでください。CTAはデフォルトでデモ用プレースホルダーです。

ステップ 2 — Brand Briefを作成する

references/brand-brief.md に従います。brief.md を作成し、アイデンティティフィールドとすべてのアセットプロンプト（サイトアセット5つ、リールプロンプト3つ、ブログ画像1つ）を含めます。何も消費する前にプロンプトを今作成することで、チェックポイントが意味を持ちます。

🛑 チェックポイント — 生成前に承認を得る

ユーザーにコンパクトに表示します。

• テーゼライン、シーン文、4つのパレットトークン、フォント、トーンワード、CTA
• 選択されたスクロールコンセプト（理由を1行）
• 3つのリールアングル + 選択されたリールスタイル（シネマティック vs UGC）とその理由
• これから実行するアセットプロンプトの完全なリスト

次に、次の1つを尋ねます。「Passt der Brief so, oder soll ich was anpassen, bevor ich generiere?」 生成にはクレジットがかかるため、これをスキップしないでください。編集を適用してから続行します。この時点以降は、自律的に実行します。

ステップ 3 — ビルド（承認後）

意図的な順序でビルドします。ランディングページが最初にビルドされるのは、デザインシステムを固定し、リールが再利用するヒーロービデオを生成するためです。

1. ランディングページ → references/landing-page.md。5つのサイトアセットを生成し、website/index.html をアセンブルし、ブラウザで確認します。
2. リール → references/reels.md。3つの9:16リール。クレジットを節約するために、シネマティックショーケースアングルにはサイトのヒーローまたはミドルビデオを再利用/リフレームし、他の2つを生成します。reels/captions.md を作成します。
3. ブログ → references/blog.md。blog/blog.html 内のドイツ語SEO記事で、同じパレットトークンとフォントを再利用し、1つの画像（可能であればサイトのスチルを再利用）とランディングページへのCTAを含みます。

ステップ 4 — QA

• ランディングページ： references/landing-page.md のブラウザチェックリスト全体を実行します。
• リール（オプションですが推奨）： それぞれをバイラリティ予測ツールでスコアリングします（higgsfield generate create brain_activity --video <reel> --wait）。明らかに優れたアングルがある場合は、最も弱いものを再生成します。スコアを報告し、黙って放置しないでください。
• すべてのアセットで、コピーが含まれる部分はドイツ語であること、パレットとフォントがサイト、リールサムネイル、ブログで同一であることを確認します。

ステップ 5 — 納品

キャンペーンフォルダ（以下の構造）をアセンブルし、assets/campaign-readme-template.md から README.md を作成します：中身、サイトをローカルでプレビューする方法、貼り付け可能な3つのキャプション、そして明確な次のステップ（デプロイ + プレースホルダーCTAを実際のものに交換）を記載します。

ユーザーへの最終メッセージ（ドイツ語、簡潔）：ローカルサイトURL、テーゼライン、3つのリールアングルとそのファイル、キャプションとブログの場所、そして直面した制限事項（例：再生成しなければならなかったアセット）。

キャンペーンフォルダ構造

kampagne-<slug>/
  brief.md                  # 承認された唯一の情報源
  website/
    index.html
    assets/                 # hero.mp4, middle.mp4, g1.jpg, g2.jpg, g3.jpg
  reels/
    reel-1-hook.mp4
    reel-2-showcase.mp4
    reel-3-lifestyle.mp4
    captions.md             # リールごと: フックテキスト、キャプション、ハッシュタグ、CTA
  blog/
    blog.html
    assets/                 # ブログ画像
  README.md

一貫性のルール（生成されるすべてのアセットに適用）

キャンペーン全体でこれらを一定に保ちます。これにより、生成された寄せ集めではなく、1つのブランドのように感じられます。

• 同じ製品アイデンティティと形状
• 同じマテリアル言語
• 同じ照明方向
• 同じカラーワールド（ブリーフのパレット）
• 同じプレミアムトーン

製品のアイデンティティが変わる、形状がずれる、マテリアルがおかしい、テキストが画像/動画に焼き付けられている（AIテキストレンダリングは信頼性が低いため、生成メディアはクリーンに保ち、実際のテキストはキャプション/エディターで追加する）、または単に「AIが作った」ように見えるアセットは、拒否して再生成します。一貫性は華やかさに勝ります。

リファレンスインデックス

• references/brand-brief.md — ブリーフの導出方法 + ブリーフテンプレートと完全なアセットプロンプトリスト（ステップ2で最初に読む）
• references/landing-page.md — ブリーフを認識する自己完結型のランディングページビルドとブラウザQAチェックリスト
• references/reels.md — 3つのリールアングル、シネマティック vs UGCの選択、生成コマンド、リフレーム再利用、キャプション形式
• references/blog.md — ドイツ語SEO記事の仕様とHTMLテンプレート
• assets/brief-template.md、assets/blog-template.html、assets/campaign-readme-template.md — 記入用テンプレート