三步搞定 Logo 设计！这个开源 Skill 让 AI 直接出 SVG 矢量 + 12 种高级展示图

做独立产品最头疼的不是写代码，是——Logo。找参考、画草稿、对齐像素、调色卡，一晚上就过去了，最后还可能是个”AI 味”十足、看着别扭的丑东西。

今天挖到一个叫 logo-generator-skill 的开源项目（GitHub 1.7k+ ⭐），它把 Logo 设计这件事拆成了”三步流水线”，让 Claude / Cursor 这种 AI 助手帮你直接出可编辑的矢量 Logo + 高级展示图，不是糊一团的位图，而是真能塞进 Figma 二次精修的 SVG。

三步搞定：信息收集 → 多变体生成 → 高级展示

第一步不是直接开画，而是先问清楚 4 件事：产品名、所属行业、核心概念（比如”连接””安全””极简”）、以及风格偏好（冷色/暖色、复杂/简洁）。这是好设计的起点——理解先于生成。

第二步会基于这些信息匹配模式库，一次给你 6 个以上 SVG 变体。我最喜欢这点，因为 Logo 设计本来就是从一堆草稿里挑一个最好的。它内置了点阵、线条、几何混合三大类构图系统，每个变体都有设计说明，不只是甩张图给你。

第三步最炸：选好 Logo 后，Skill 会调用 Gemini 3.1 Flash Image Preview（Nano Banana） 生成专业展示图，内置 12 种背景风格：

• 暗色系：The Void（纯黑+微噪点）、Fluid Abyss（深紫流体，AI 原生感）、LED Matrix（赛博朋克）
• 亮色系：Editorial Paper（米白纸张人文感）、Swiss Flat（瑞士扁平风）、Morning Aura（暖象牙+柔和色彩）

每种风格都有明确场景——做 AI 产品选 Fluid Abyss，做硬件选 Iridescent Frost，做 SaaS 选 UI Container。导出 1024/2048 两档 PNG，能直接发 X、贴 Notion、做小红书封面。

为什么不直接让 AI 画 Logo？

这是 Skill 设计上最聪明的一点。它先用 Gemini 生成可编辑的 SVG 基础，而不是一步到位画位图。原因很直接：

• 矢量无损，放大缩小不失真
• SVG 是代码，能直接拖进 Figma 精修（加渐变、内阴影、调整点阵密度）
• 位图想改个圆角半径？只能重新生成、碰运气

工作流是“AI 出基础，人工做精修”，既保证效率，又不失专业感。作者自己也说：”这不是替代设计师，而是让每个开发者都能拿到够用的好 Logo。”

使用场景：比你想象的广

不仅仅是 Logo。12 种背景风格本身就是一套视觉资产库，可以拿来当：

• Vibecoding 项目快速搭个有辨识度的图标
• 创业早期品牌资产（后期再找设计师优化）
• PPT / 海报 / 官网背景
• 设计师快速出多个方向给客户挑

三分钟安装

一行命令搞定：

npx skills add https://github.com/op7418/logo-generator-skill.git

或者手动 git clone 到 ~/.claude/skills/，配置一下 Gemini API Key 就能用。第一次试可以丢个简短的产品介绍过去（比如”做个 AI 写作工具的 Logo，名字叫 InkFlow，核心是流畅书写感”），看它给你几种方向。

需要填一个 Gemini API Key（也支持第三方 Nano Banana API）。我个人更建议在 Gemini CLI 或 Cursor 这种 Gemini 驱动的 Agent 里用，SVG 生成质量明显更稳。

GitHub 地址：https://github.com/op7418/logo-generator-skill

GitHub: https://github.com/op7418/logo-generator-skill