跳到主要內容
Lab Grimoire
TW EN
請喝咖啡
ai-tools

logo-generator-skill

Claude Code Skill,從品牌名稱與核心概念生成幾何 SVG 商標,並整合 Gemini Flash Image 以 12 種專業背景風格生成展示圖,一次輸出 6+ 個設計變體 + 互動式 HTML showcase。689 顆星,MIT 授權。

最適合誰

需要快速生成品牌 Logo 視覺素材、但不想每次都外包設計師或打開 Illustrator 的人。特別適合:

  • 獨立開發者或小型團隊需要 App 圖示、專案 Logo、報告封面標誌
  • 內容創作者需要為每個文章系列或工具評測建立一致的品牌視覺
  • 有多個副業、專案同時在進行,需要快速為每個建立視覺識別的人

如果你需要的是精細的品牌設計系統(多色版、授權限制、設計規範文件),這個 skill 的輸出是起點,不是終點。如果你需要的是「今天要有個 Logo」,這是目前 Claude Code ecosystem 裡最快的路徑。

我實際怎麼看待它

SVG 商標生成有幾個常見問題:AI 喜歡生成「看起來很科技感但毫無辨識度」的圖形,或者輸出格式無法在不同背景上適用,或者只有一個版本沒有選擇空間。

logo-generator-skill 解決了全部三個問題。品牌名稱 + 產業 + 核心概念輸入後:

  • SVG 本體是幾何向量,viewBox 固定 100×100,currentColor 染色支援(黑白底都能用),附設計說明解釋每個幾何選擇的意圖
  • 12 種展示圖:void(深空)、frosted(毛玻璃)、fluid(流體)、LED matrix、Swiss flat 等風格,用 Gemini Flash Image 渲染,SVG + PNG 雙格式交付
  • 互動式 HTML showcase 含 hover 效果和過場動畫,可直接傳給客戶或貼在提案文件裡

6+ 個設計變體同時輸出,讓你有選擇,而不是盯著一個「要還是不要」。

Nano Banana(展示圖生成)需要 GEMINI_API_KEY。Google Gemini API 目前有免費額度,但需要事先設定。

image

真正強的地方

  • SVG 向量輸出:無限縮放,任何解析度和尺寸都能用,直接上生產線
  • 一個 Logo 直接看到 12 種視覺情境下的效果,設計溝通成本大幅降低
  • 每個幾何選擇都附設計意圖說明,不是黑箱輸出
  • 互動式 HTML showcase 可直接拿去做提案,不需要再開 Figma 排版
  • 6+ 變體並行輸出,有選擇空間

它會失敗在哪裡

  • 展示圖生成需要設定 GEMINI_API_KEY,沒有 Key 就只有 SVG 本體
  • 這是向量幾何商標,不做徽章、字體 Logo 或插畫風格。需要特定字體排版的 wordmark 就不適合。
  • 辨識度取決於 prompt 品質:品牌概念越具體,輸出越有辨識度;「我要一個 tech 公司的 logo」這種模糊需求只會產出通用結果

價格、難度與風險

Skill 本身免費,MIT 授權。難度中等——SVG 生成只需要 Claude Code Skill,無需額外設定;Nano Banana 展示圖功能需要申請 Gemini API Key(Google AI Studio 有免費額度)。無重大安全風險,API 費用在免費額度內幾乎為零。

結論

Claude Code ecosystem 裡目前覆蓋最完整的向量商標生成工具。SVG + 12 種展示圖背景 + 互動 HTML showcase 三件組,讓「今天需要一個 Logo」從痛點變成十分鐘的事。

需要 Gemini API Key 是唯一需要提前準備的東西。設定完成後,這是一個可以在 10 分鐘內從零產出可用品牌素材的工具。

來源