CLAUDE SKILL · BANNER DESIGN

Banner 設計助手

招生圖卡、IG 輪播、海報、廣告 banner。跟 Claude 說一句話,自動套朵拉品牌色 + 字型 + 文案調性,HTML 設計稿 + PNG 一鍵出。

已產出範本

點縮圖放大、點下載拿 PNG、點看設計稿開 HTML 原檔
2026-05-08 橋頭小一英文班招生
場景:IG 輪播
尺寸:1080 × 1350
張數:6 張
01 · 封面 封面
02 · 痛點 痛點
03 · AI 特色 AI 特色
04 · 老師 老師
05 · 在地 在地
06 · CTA CTA

怎麼生新的 Banner

3 步驟,5 分鐘內出第一張設計稿
1

打開 Claude(電腦版或 App)

確認進到的是 Dora 的 Claude 帳號(已綁定 banner-design Skill)。直接在對話框輸入下面的觸發詞之一,Claude 會自動載入 Skill 並引導你回答幾個問題。

2

用觸發詞告訴 Claude 要做什麼

下面是常用範本,點「複製」按鈕直接帶走、改一改貼到 Claude:

用 banner-design 幫我做一張「麥寮暑期班招生」的 IG 單張(1080x1080)
用 banner-design 做虎尾國一英文班招生 IG 輪播 6 張,風格要溫暖、有信任感
用 banner-design 做朵拉教學文理寒假班 FB 封面圖,主視覺要有節慶感
用 banner-design 做斗六新校區開幕海報 A4,要強調免費試聽
3

Claude 會自動產出 HTML + PNG

產出位置:my-agent/100_Todo/banner-output/
每次產出含 1 個 HTML 設計稿 + N 張 PNG(對應每個版面)。不滿意?直接跟 Claude 說「02 那張的背景換淡綠色」「CTA 那張字再大一點」就好,不用重來。

支援尺寸

想做沒列出的尺寸?直接跟 Claude 講寬高即可
IG 輪播 / 直式
1080 × 1350
朵拉招生主力版位。建議 3-6 張一組,封面+痛點+特色+CTA。
IG 單張 / 方形
1080 × 1080
活動公告、開課提醒、單一訊息。Threads 也可用。
IG / FB Story
1080 × 1920
限動專用,9:16 直式。家長 LINE 群也可貼。
FB 封面 / 廣告
1200 × 630
FB 粉專封面、貼文外連圖、Google 顯示廣告通用。
海報 A4 直式
2480 × 3508
列印用,300 DPI。校門口、補習班櫥窗張貼。
YouTube 縮圖
1280 × 720
短影音封面、頻道頭圖。

朵拉品牌規範(Skill 自動套用)

不用每次提醒 Claude,Skill 會自動讀
品牌色
#F5F1E8 米白
#2D4A3E 墨綠
#C84B31 赤紅

字型:標題用 Noto Serif TC、內文用 Noto Sans TC
調性:招生感 + 信任感 + 溫暖 + 陪伴感,不死板
規範來源:my-agent/200_Reference/brand/colors-fonts.md + visual-style.md

Skill 每次產出前會自動讀這兩份檔案,所以做出來的東西品牌一致 — 不用每次跟 Claude 講「記得用墨綠色」「字型要 Noto」。