Ckmbanner Design

• 您需要為一個或多個社群媒體平台製作橫幅廣告，並希望在單次操作中就能獲得多種風格選項供選擇。
• 您正在進行廣告活動，需要符合平台文字比例規則的 Google Display 或 Meta 橫幅廣告。
• 您正在設計網站首頁的主視覺區塊，希望以 AI 生成的視覺效果結合您的品牌規範進行構圖。
• 您需要 300 DPI 含出血設定的活動或印刷橫幅，並希望擁有可重複執行的引導式工作流程。

• 您需要影片剪輯、動態圖形或動畫橫幅——此技能僅產出靜態圖像。
• 您需要超出主視覺區塊範圍的完整網站設計。
• 您需要印刷生產服務（印前檔案提交、色彩打樣）——此技能可輸出符合印刷規格的檔案，但不負責管理印刷生產流程。

每次設計請求將產生 2–3 種截然不同的藝術方向變體（預設為 3 種），涵蓋極簡主義、粗體排版、漸層、玻璃擬態、霓虹、幾何、復古等多種風格。這讓您在確定方向之前，能夠先比較各種不同的設計走向。

背景圖案、漸層效果及快速迭代內容採用快速標準（Flash）模型，以 2K 解析度生成。主視覺插圖、寫實場景及複雜的產品圖像則採用 Pro 模型，以 4K 解析度呈現。Ckmbanner Design 會根據內容的複雜程度，自動將每個元素導向最適合的模型進行處理。

內建尺寸參考涵蓋 Facebook 封面、Twitter/X 頁首、LinkedIn、YouTube 頻道封面圖、Instagram 限時動態與貼文、Google Ads 排行榜橫幅與中型矩形，以及網站主視覺。HTML/CSS 橫幅將以精確像素尺寸進行渲染並擷取截圖。

每個橫幅均套用安全區域規則（關鍵內容置於中央 70–80% 範圍內）、單一行動呼籲（CTA）、最多兩種字型、4.5:1 的對比度比例，以及 Meta 的文字區域不超過 20% 準則。印刷輸出以 300 DPI、CMYK 色彩模式及 3–5 mm 出血區生成。

完成 HTML/CSS 排版後，每個橫幅廣告皆會透過 Chrome DevTools 自動截圖，並儲存為具名的 PNG 檔案。超過 5 MB 的檔案將透過 Sharp 進行壓縮處理。輸出檔名遵循 kebab-case 的 {style}-{width}x{height}.png 命名規則，並依活動資料夾分組歸檔。

儲存於 docs/brand-guidelines.md 的品牌規範會透過 inject-brand-context.cjs 自動注入每個橫幅，確保所有變體的顏色、字型與標誌位置保持一致，無需手動重複輸入。

向 Ckmbanner Design 提供您的活動標題、行動呼籲（CTA）以及目標平台（例如：Facebook 封面 + Instagram 貼文 + Twitter/X 頁首橫幅）。它將研究設計參考資料，針對每種尺寸生成三種藝術方向選項，並提供已命名的 PNG 檔案，可直接上傳使用。

提供您的廣告文案與品牌素材。此技能將產出一組橫幅廣告（728×90）與中型矩形廣告（300×250），並將文字區域控制在 20% 以內，以符合 Meta 與 Google 的政策規範，最後匯出壓縮 PNG 檔案，可直接上傳至您的廣告平台。

描述您的產品或訊息，以及偏好的視覺風格。此技能由 Ckmbanner Design 生成一張全出血 1920×600–1080 的主視覺圖片，並附有疊加排版文字，設有安全區以因應響應式裁切，最終匯出可直接用於前端的高解析度 PNG 檔案。

指定實際尺寸後，Ckmbanner Design 將輸出一個 300 DPI CMYK 檔案，並帶有 3–5 mm 出血——可直接交付印刷廠商使用。風格選項涵蓋從大膽的編輯版面到復古／懷舊風格處理，依活動類型而定。