用 1,400+ 真实标志参考库，让 Agent 设计出生产级 Logo

开口要一个 logo，大多数 agent 几秒钟就递给你一个千篇一律的 SVG。这个 3k 星的 skill 走的是设计工作室的流程：调研、概念、测试、一个不可跳过的确认停点——然后才做开销最大的部分。

为什么这个 Skill 重要

README 描述的工作流是：需求 → 调研 → 概念 → 测试与打磨 → 检查点。skill 会先做词汇映射，在参考库里研究品类惯例，列出 8–12 条概念一句话方案，挑 3 个做成 SVG，然后逐一审计——16px 可读性、单色版本、竞品货架测试。它总会在检查点停下来：给你一张概念总览图和一个推荐项。完整的交付包（配色、组合规范、提案板、图标、使用指南）只在你选定方向之后才生产。背后的参考库收录了 1,400 多个真实 SVG 标志，覆盖约 1,200 个品牌，每个都按标志类型、技法、几何、题材、字体、气质、行业分类——按 README 的说法，用途是研究构造规律、避开撞脸设计，绝不用于抄袭。

安装

Claude Code 中（README 推荐路径）：

/plugin marketplace add kaankiziltug/logo-design-skill
/plugin install logo-design@logo-design-skill

手动替代方案：克隆仓库，把 skills/logo-design 复制到 ~/.claude/skills/。Claude.ai 或 Claude Desktop 则从 Releases 页面下载 logo-design.zip，在 Settings → Capabilities → Skills 上传（超出大小限制时用 logo-design-lite.zip）。Gemini CLI 和 Codex CLI 也能用——把文件夹复制到 ~/.gemini/skills/logo-design 或 ~/.codex/skills/logo-design。

实战：给一款储蓄应用设计 Logo

1. 从 README 自己的示例提示词开始：

Design a logo for Harbor, a savings app for first-time savers. It should feel calm and safe.

2. skill 会追问需求细节或声明它的假设，然后在参考库里检索该品类的惯例。
3. 检查点处你会拿到一张概念总览图——三个方向在真实 64/32/16px 尺寸下的呈现，附一个推荐项。README 最新的 10 个示例里，有 4 次客户在检查点选了非推荐概念——这正是这个停点存在的意义。
4. 你选定之后进入交付：svg_audit.py 给出生产就绪评分（结构、配色、复杂度、差一点对齐的角度、微小细节、居中），preview_sheet.py 生成测试表，presentation_board.py 把标志放到六种行业定制样机上，export_variants.py 产出 favicon、应用图标和 web-manifest 全套。

工具链是 Python 3.8+ 纯标准库。PNG/ICO 导出会自动调用可用的渲染器——cairosvg、rsvg-convert、Inkscape、Chromium 内核浏览器或 macOS 快速查看（Quick Look）。

技巧

• 按 README 的说法，配一个能看图的模型效果最好——skill 会把自己的草稿渲染成 PNG，检查无误后才展示给你。
• 触发词包括：logo、wordmark、monogram、brand mark、app icon、favicon、rebrand 和 critique——评审一个现有的 logo.svg 也是支持的用法。
• 工具可以直接调用，例如 python3 scripts/search_library.py --technique negative-space --exemplary，用来研究构造模式。
• 参考库整体偏简约：每个标志中位用色 2 种，75% 不超过 3 种——当某个概念开始堆渐变时，这就是有用的先验。
• 库里有 141 个条目被标记为典范教学示例，用 --exemplary 即可检索。

何时不用这个 Skill

参考库里的 SVG 是各自所有者的商标——仅作参考与教学用途，明确不受该 skill MIT 许可证覆盖，任何取自库里的素材都不能进入客户项目。另外它的范围是标志本身：参考文档延伸到了品牌识别系统，但如果你要的是超出 logo 的完整品牌落地，需要在这个 skill 之外另做规划。

查看 排行榜 了解更多 skill。