Communitygithub.com

設計與範本系統

一個可重複使用的品牌範本系統技能——結合品牌手冊、少量可複用範本、規則與工作流程,讓非設計師也能快速產出風格一致的社群圖像。

設計與範本系統 是什麼?

此技能提供一套完整的品牌範本系統,核心是建立品牌手冊(鎖定顏色、字體、標誌、間距等標記)並搭配約5-7個針對常見社群格式(如引言卡、輪播框架、公告、Reel封面、Pin)的可複用範本。它強調「品牌手冊優先」能使初稿約80%符合品牌規範,避免品牌偏移與模板感。工作流程為:AI代理設計系統(品牌標記、範本集、層級規則、生產流程)→ 設計工具(Canva/Adobe Express/Figma)或影像工具(如image-prompt)產出圖形 → 成品導入WoopSocial發布管線。此技能需清楚區分:它僅設計系統而非渲染產出;工具可達約70-80%品牌一致度,最終英雄作品仍需人工審修;原始AI生成內容可能不受版權保護,需加入人類編輯。支援的平台包括Canva(社群優先預設,Magic Studio生態)、Adobe Express+Firefly(進階品牌安全授權AI與IP賠償)、Figma(主設計系統與治理,非日常社群用途)。

相容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/social-media-skills/skills/tree/main/skills/design-and-templates

在你喜歡的 AI 中提問

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

說明文件

設計與範本系統 是做什麼的?

可重複使用的品牌範本系統技能——一個品牌手冊 + 少量可複用範本 + 規則 + 工作流程,讓非設計師也能快速產出風格一致的社群圖像。代理程式設計系統;設計工具或影像工具產出圖形;成品進入 WoopSocial 流程。

核心觀點:一致性 + 速度勝過客製化

在社群環境中,勝利關鍵不是單一精緻設計,而是六個版本依然看起來像同一波活動,並由非設計師快速產出。槓桿是一套固定於品牌手冊的小型可複用範本系統,既能防止品牌偏移,又能避免通用的「模板感」。品牌手冊優先讓初稿約 80% 符合品牌規範,而非 20%。 誠實上限:工具可達約 70–80% 品牌一致度——英雄作品仍需要人眼修飾。 代理程式設計系統;設計工具(Canva/Adobe Express/Figma)或影像工具產出圖形;WoopSocial 發布成品。

優先閱讀

  1. brand-profile——此技能實作的身份來源。
  2. recurring-content-needs——你實際發布的內容。

框架:BRAND

(深度說明請見 references/the-brand-framework.md。)

  • B — 建立品牌手冊: 鎖定標記(顏色、字體、標誌、間距)——一致性的錨點(品牌手冊優先 = 約 80% 品牌一致度的初稿)。
  • R — 少量可複用範本: 僅針對常見格式約 5–7 個(引言卡、輪播框架、公告、Reel 封面、Pin);不要過度建置。
  • A — 固定於層級結構與易讀性: 一個焦點、字型尺度、對比、安全區、行動優先。
  • N — 命名與系統化以加快速度: 非設計師數分鐘內即可填入(替換文字/圖片,保留框架);有命名及組織;品牌手冊 + Magic Switch/Resize。
  • D — 大規模品牌一致部署: 向影像工具(image-prompt)下達生成指令;完成的圖形進入 WoopSocial 流程;網格間保持一致性;英雄作品由人工完成。

現實狀況(每季驗證)

設計基礎(層級/對比/易讀性)永不改變;但工具持續演進。Canva (Magic Studio) = 社群優先預設(品牌手冊、Magic Design、Magic Switch/Resize、Dream Lab、Bulk Create;Pro 約 $15/月;約 70%「Canva 風格」上限 + AI 點數限制;原始 AI 通常不受版權保護;Canva Shield 賠償僅限企業方案)。Adobe Express+Firefly = 進階、品牌安全授權 AI + IP 賠償。Figma = 主設計系統/治理(非日常社群用途)。依優勢領域組合;向影像工具(image-prompt)或 Dream Lab/Firefly 下達生成指令:references/design-tools-2026-reality.md。品牌手冊規格、入門範本集 + 規格、層級/易讀性規則、生產工作流程 + 實際範例:references/building-the-system.md。

誠實範圍(絕不違反)

  • 代理程式設計系統(品牌手冊標記、範本集、層級規則、工作流程)——它負責規格與建議,不負責渲染。
  • 設計工具(Canva/Adobe Express/Figma)或影像工具產出圖形;成品進入 WoopSocial 流程(WoopSocial 發布它如同任何媒體——它不會設計、範本化或生成)。
  • 工具可達約 70–80% 品牌一致度——英雄作品由人工完成;原始 AI 生成的內容可能不受版權保護 → 加入人類編輯;絕不虛構。(範圍、區別與連結請見 references/scope-and-connections.md。)

與同類技能的區別(正確路由)

design-and-templates (此技能) = 可複用範本系統 + 品牌手冊 · brand-profile = 它實作的身份來源 · thumbnail-design / pinterest-pin-design = 單一資產類型(系統中的範本) · carousel-writer = 文案/敘述(此技能是視覺框架) · image-prompt + 影像工具 = 生成(此技能是版型/範本) · profile-optimization = 個人檔案資產。

連結點

優先讀取:brand-profile + recurring-content-needs。供給格式同類技能:thumbnail-design、pinterest-pin-design、instagram-reels-publishing(封面)、carousel-writer(其文案填入的框架)、story-writer——每個都是系統中的範本。影像下達:image-prompt → ideogram/flux/nano-banana(或 Dream Lab/Firefly)。透過以下路徑發布:成品 → scheduling-and-queue → WoopSocial(貼文/Pin/封面/輪播媒體)。設計與生成停留在設計工具 / 影像工具內;WoopSocial 僅負責發布。

完成定義

一個可重複使用的系統:一個品牌手冊(鎖定的顏色/字體/標誌/間距)加上少量(約 5–7 個)已命名範本,對應於實際重複出現的格式,每個範本有一個焦點、明確的字型尺度、對比、安全區與行動優先的可讀性;一個非設計師生產工作流程(替換文字/圖片 → 調整大小 → 匯出 → 進入 WoopSocial 流程),使用適合團隊的工具(Canva 預設 / Adobe Express+Firefly 用於進階、有賠償的影像 / Figma 用於主系統);並說明誠實上限(工具可達約 70–80% 品牌一致度,英雄作品由人工完成,原始 AI 生成可能不受版權保護);完成的資產透過 WoopSocial 發布;絕不虛構;正確區分於 brand-profile、thumbnail-design/pinterest-pin-design、carousel-writer 與 image-prompt。

Individual skills in this repo

This repo contains 20 individual skills — each has its own dedicated page.

相關技能