---
title: "我做了个 Skill：让 AI 帮你生成 Logo 和图标"
type: source
tags: []
sources: []
last_updated: 2026-04-28
---

## Source File
- [[raw/Skills/我做了个 Skill：让 AI 帮你生成 Logo 和图标.md]]

## Summary（用中文描述）
- 核心主题：开源 Logo Generator Skill——用 AI 生成 SVG Logo + 高级展示图的完整工作流
- 问题域：开发者/独立创作者快速获取专业品牌视觉资产
- 方法/机制：AI 生成可编辑 SVG 基础 → AI 生成高级展示图，两步工作流替代图片模型直出
- 结论/价值：降低设计门槛，让每个人都能快速获得"够用的好 Logo"，定位是"快速可用"而非"替代设计师"

## Key Claims（用中文描述）
- AI 生成 SVG Logo 优于直接用图片模型生成 Logo：SVG 可编辑、可导入 Figma 精修、可做动效、矢量无损
- Logo Generator Skill 三步工作流（信息收集→6+ 设计变体→高级展示图）可让无设计背景的人快速获得专业视觉资产
- 12 种专业背景风格（暗色 6 种 + 亮色 6 种）适配不同产品类型
- WebGL 动态背景（6 种）适合官网首页和交互场景
- 最终交付物：SVG 文件 + 多尺寸 PNG 导出 + 展示图 + 交互式网页

## Key Quotes
> "Gemini 真是做设计的一把好手，尤其是用 SVG 画 logo 只要给一些适当的引导就可以画的很好" — @op7418
> "好的设计来自理解，而不是随机生成" — Skill 核心原则
> "AI 生成基础，人工精修细节" — 核心工作流理念
> "工具应该是开放的，让更多人能用上 AI 的设计能力" — 开源理念
> "Canva 没有替代设计师，而是让更多人能做出'够用的海报'一样" — Skill 的定位类比

## Key Concepts
- [[AI生成SVG设计]]：用 AI 生成可编辑的 SVG 矢量 Logo，优于图片模型直出，支持导入 Figma 精修
- [[LogoGeneratorSkill]]：三步 Logo 生成 Skill（信息收集→设计变体→展示图），推荐在 Gemini CLI 或 Claude Code 中使用
- [[AI设计工作流]]：AI 生成基础 + 人工精修细节，两步结合保证可控性和专业视觉效果
- [[SVG-vs-图片生成]]：SVG 可精确控制参数、可编辑、可做动效、矢量无损；图片模型控制精度差、无法编辑、位图放大失真

## Key Entities
- [[@op7418]]（归藏/guizang.ai）：Skill 作者，CodePilot 项目维护者，Gemini 深度用户
- [[CodePilot]]：开源项目，Gemini 生成新 Logo 的实践案例
- [[Nano Banana]]（Gemini 图片生成）：Skill 中用于生成高级展示图的工具，支持 12 种专业背景
- [[logo-generator-skill]]（GitHub）：开源 Skill，地址 https://github.com/op7418/logo-generator-skill

## Connections
- [[Claude Skills]] ← is_type_of ← [[LogoGeneratorSkill]]
- [[Gemini]] ← powers ← [[Nano Banana]]
- [[Vibe Coding]] ← design_asset_needs ← [[LogoGeneratorSkill]]
- [[AI生成SVG设计]] ← enables ← [[Figma精修流程]]

## Contradictions
- 无与其他 Wiki 页面的实质性内容冲突