Communitygithub.com

Arnie936/image-to-campaign

將單一產品/品牌圖片轉換為完整的、品牌識別一致的德文行銷漏斗:一個滾動式登陸頁面、3 支 Instagram Reels (9:16) 搭配文案,以及一篇有樣式的部落格文章——全部源自一份經批准的單一品牌簡報,確保一切風格統一。輸出為一個行銷活動資料夾。

image-to-campaign 是什麼?

這個技能旨在將單一產品或品牌圖片,自動化地轉化為一套完整的德文行銷漏斗。其核心概念是「先有簡報,後有產出」:它會先根據圖片和簡短訪談,撰寫一份統一的品牌簡報(Brand Brief),明確定義產品識別、色板、字體、語氣等所有關鍵元素,以及每個素材的生成提示詞(prompts)。只有在使用者批准這份簡報後,才會開始耗費配額生成素材,確保後續產出的 Landing Page、Instagram Reels 和部落格文章都使用完全一致的身份識別和視覺語言。此技能支援 Claude Code、Cursor 和 Codex 等 AI 代理平台,主要適用於德文市場,最終會產出一個結構化的行銷活動資料夾,內含所有檔案和說明文件。

相容平台~Claude Code~Codex CLI~Cursor
npx skills add Arnie936/image-to-campaign

在你喜歡的 AI 中提問

開啟一個已預先載入此 Agent Skill 的新對話。

說明文件

圖片 → 行銷活動

從一張圖片建立完整的德文行銷漏斗。其精髓在於:一張圖片輸入,一個一致的行銷漏斗輸出——包含能吸引注意力的 Instagram Reels、能建立信任並提高排名的部落格文章,以及能促成轉換的登陸頁面。所有素材共享同一個視覺和文字識別身份,因為它們都源自於一份您在花費任何額度前撰寫並經使用者批准的品牌簡報。

核心原則:簡報優先,單一事實來源

請勿先產生素材再試圖後續配對。那樣做總是會產生偏差。請改為:

  1. 根據圖片和簡短訪談撰寫一份品牌簡報。簡報中應固定產品的識別身份、核心論點、色板(OKLCH 記號)、字體、語氣、場景、行動呼籲,以及所選的 Reels 角度/風格。簡報也需包含所有素材提示詞的完整文字。
  2. 使用者在一個檢查點批准簡報。
  3. 每個輸出——登陸頁面、Reels、部落格——都從簡報中讀取其核心論點、色板、字體、語氣和提示詞。沒有任何部分會自行重新推導身份識別。

這就是為什麼登陸頁面、Reels 和部落格最終看起來像是一個統一的活動,而不是三個互不相關的 AI 產物。

此技能的鎖定預設值

  • 語言:德文。 所有可見的文案(網站、說明文字、部落格)皆為德文。技術性的 CLI 指令則保留英文。
  • 轉換目標:Demo / Konzept。 目前並無真實商店,因此所有行動呼籲皆使用乾淨的佔位文字(例如 "Jetzt entdecken")。請勿虛構虛假價格、結帳連結或評論。
  • 一個審核檢查點,位於簡報完成之後。簡報經批准後,請自主執行至結束,無需再次確認。
  • 登陸頁面保持本地化(預覽伺服器)。部署至 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 個問題,使用德文)

首先查看圖片並推斷您所能得知的一切(產品是什麼、目標客群是誰、整體氛圍)。只問您真正無法從圖片中判斷的問題。將問題限制在登陸頁面規格中的兩個問題,並使用德文提問:

  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?

如果答案已經從圖片或使用者的訊息中顯而易見,則跳過該問題。請勿詢問價格或銷售目的地——行動呼籲預設為演示用的佔位文字。

步驟 2 — 撰寫品牌簡報

遵循 references/brand-brief.md。產出 brief.md 檔案,其中包含身份識別欄位以及所有素材提示詞(5 個網站素材、3 個 Reel 提示詞、1 個部落格圖片)。在花費任何額度之前就先撰寫好提示詞,是讓這個檢查點具有意義的關鍵。

🛑 檢查點 — 在產生素材前取得批准

向使用者簡潔地展示:

  • 核心論點、場景描述句、4 個色板記號、字體、語氣詞、行動呼籲
  • 所選的滾動概念(一句話說明原因)
  • 3 個 Reel 角度 + 所選的 Reel 風格(電影感 vs UGC)及其原因
  • 您即將執行的所有素材提示詞的完整清單

然後問一句:"Passt der Brief so, oder soll ich was anpassen, bevor ich generiere?" 素材產生會消耗配額,因此請勿跳過此步驟。套用修改後,再繼續執行。在通過此檢查點之後,請自主執行至結束。

步驟 3 — 建構(獲得批准後)

請依此順序建構——這是經過深思熟慮的。先建構登陸頁面,因為它會鎖定設計系統並產出英雄影片,而 Reels 會重複使用該影片。

  1. 登陸頁面 → references/landing-page.md。產生 5 個網站素材,組裝 website/index.html,並在瀏覽器中驗證。
  2. Reels → references/reels.md。三個 9:16 的 Reels。為了節省配額,對於需要電影感展示的 Reel,請重複使用/重新取用網站的英雄或中間影片;其他兩個則另行產生。撰寫 reels/captions.md 檔案。
  3. 部落格 → references/blog.md。一篇德文的 SEO 文章,位於 blog/blog.html,它重複使用相同的色板記號和字體,包含一張圖片(盡可能重複使用網站已有的靜態圖片),以及一個導回登陸頁面的行動呼籲。

步驟 4 — 品質檢查

  • 登陸頁面:執行 references/landing-page.md 中的完整瀏覽器檢查清單。
  • Reels(建議但非強制):使用病毒性預測器(higgsfield generate create brain_activity --video <reel> --wait)為每個 Reel 評分,如果很明顯有更好的角度,則重新產生分數最低的那個。報告這些分數;不要默默地隱藏它們。
  • 確認每個素材中帶有文字的部分都是德文,並且色板和字體在網站、Reels 縮圖和部落格之間完全相同。

步驟 5 — 交付

組裝行銷活動資料夾(結構如下),並根據 assets/campaign-readme-template.md 撰寫 README.md 檔案:說明資料夾內容、如何在本機預覽網站、三個可直接貼上的說明文字,以及下一步的明顯行動(部署並將佔位用的行動呼籲替換為真實的行動呼籲)。

最終發送給使用者的訊息(德文,簡潔):本地網站網址、核心論點、三個 Reel 角度及其對應檔案、說明文字和部落格的位置,以及您遇到的任何限制(例如需要重新產生的素材)。

行銷活動資料夾結構

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             # 每個 Reel:鉤子文字、說明文字、主題標籤、行動呼籲
  blog/
    blog.html
    assets/                 # 部落格圖片
  README.md

一致性原則(適用於每個產出的素材)

在整個行銷活動中,請保持以下元素不變——這就是讓它感覺像是一個統一的品牌,而不是一堆隨機生成的東西的關鍵:

  • 相同的產品識別身份和形狀
  • 相同的材質語言
  • 相同的打光方向
  • 相同的色彩世界(簡報中的色板)
  • 相同的高級感語調

如果遇到任何素材出現以下情況,請拒絕並重新產生:產品識別身份改變、形狀偏離、材質看起來不對、文字被寫死在圖像/影片中(AI 文字渲染不可靠——請保持生成的媒體檔案乾淨,並在說明文字/編輯器中添加真實文字),或者素材看起來有明顯的「AI 感」。一致性勝過華而不實。

參考文件索引

  • references/brand-brief.md — 如何推導出簡報 + 簡報範本及完整的素材提示詞列表(請在步驟 2 先閱讀此文件)
  • references/landing-page.md — 能感知簡報的、自足的登陸頁面建構指南,包含瀏覽器品質檢查清單
  • references/reels.md — 3 個 Reel 角度、電影感 vs UGC 的選擇方式、產生指令、重新取用重複使用的方法,以及說明文字格式
  • references/blog.md — 德文 SEO 文章規格與 HTML 樣板化指南
  • assets/brief-template.md、assets/blog-template.html、assets/campaign-readme-template.md — 可供填寫的範本

相關技能