Community程式設計與開發github.com

創作者品牌工具包

根據使用者現有的資源,建立或擴展視覺識別系統,包括品牌簡報、色彩調色盤、字體搭配、Logo 概念(直接製作可編輯的向量 SVG,加上生成的探索版本)以及應用模型(社群貼文、個人頭像、橫幅、周邊商品、包裝),並儲存為可重複使用的品牌工具包,供其他創作者技能讀取。

創作者品牌工具包 是什麼?

這是一個專為 AI 輔助創作工具(如 Claude Code、Cursor 等)設計的品牌建立技能。它能引導使用者從品牌簡報開始,逐步完成色彩調色盤、字體搭配、Logo 設計(直接輸出可編輯的 SVG 向量檔,並可選用圖像生成工具進行概念探索)及應用模型(如社群貼文、頭像、橫幅等)的製作。最終產出的品牌工具包會儲存為結構化的 `brand.json` 檔案,讓其他創作者技能能夠自動讀取並應用這些品牌設定,確保所有創作內容的一致性。此技能特別適用於需要建立完整品牌識別或為現有品牌進行擴展的情境,但不適用於單一產品照片或縮圖設計。

相容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/mehbylabs/creator-skills/tree/main/skills/creator-brandkit

Installed? Explore more 程式設計與開發 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

在你喜歡的 AI 中提問

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

說明文件

創作者品牌工具包 是做什麼的?

輸出資料夾 brand/<slug>/:

brand.json          # 名稱、定位、顏色、字型、Logo 路徑、調性 — 供其他技能讀取
palette.svg         # 色票與十六進位色碼
logo/               # mark.svg、wordmark.svg、lockup.svg(+ PNG 匯出)
mockups/            # 應用範例
guide.md            # 一頁使用指南

步驟 1 — 簡報

名稱、功能簡述、目標受眾、3 個代表個性的詞彙、欲避免風格相似的競爭對手、現有可保留的素材。詢問一次缺少的項目。

步驟 2 — 方向(需核准後再進行後續步驟)

提供 2 個方向,每個方向包含:一句話概念、5 色調色盤(十六進位色碼,並標明角色:主色、次要色、強調色、深色中性色、淺色中性色)、字體搭配(Google Fonts 名稱)、Logo 構想。請參閱 references/brand-foundations.md 的調色盤對比度與字體規則。

步驟 3 — Logo

  1. 直接製作 SVG(永遠可行、可編輯、可縮放):幾何圖案標誌、文字標誌(僅當使用者提供字體時才將文字轉為路徑;否則使用網頁安全字體堆疊並註明)、組合標誌。保持標誌簡潔:在 16 像素與單色下仍能辨識。
  2. 可選的探索版本,僅供靈感參考:creator.py image --prompt "flat vector logo exploration for <name>: <idea>, <palette>, white background, no mockup" --ratio 1:1。產生的點陣圖僅供參考,非最終成品;需將選定的概念重新製作成 SVG。
  3. 匯出 PNG:ffmpeg -i logo/mark.svg -vf scale=1024:-1 logo/mark-1024.png(若 ffmpeg 不支援 SVG,可使用 rsvg-convert 或瀏覽器截圖)。

步驟 4 — 模型

使用 creator-image / creator.py image,並以 Logo PNG 作為 --ref 參考圖,以文字描述調色盤:個人頭像、社群貼文範本、YouTube 橫幅(2560×1440,安全區域 1546×423)、名片、手提袋/T恤、包裝 — 僅製作使用者需要的項目。精確文字請使用 media.py text 加入,而非透過圖像生成。

步驟 5 — 儲存工具包

寫入 brand.json,並提供選項將顏色/字型/Logo 複製到創作者技能設定中的 brand 區塊,讓縮圖、廣告和產品照能自動套用。寫入 guide.md:調色盤角色與對比度說明、字體階層、Logo 安全區域與最小尺寸、正確與錯誤範例。

規則

  • 執行快速的原創性檢查:避免設計與知名標誌相似的圖案;建議使用者在商業使用前進行商標搜尋。
  • 文字對比度:內文與背景的對比度需 ≥ 4.5:1(符合 WCAG AA 標準)。

參考資料

  • references/brand-foundations.md — 調色盤角色、對比度、字體搭配、Logo 規則
  • references/image-prompting.md、references/media-ops.md、references/providers.md

Individual skills in this repo

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

相關技能