面向 Claude 与 AI 代理的 Logo 设计技能

一套完整的 logo-design 技能，让 Claude——或任何支持 Agent Skills 的代理，如 Gemini CLI、Codex CLI、Cursor 或 GitHub Copilot——成为一位训练有素的品牌形象设计师，从最初的需求简报一路做到可直接投产的 SVG 文件和品牌规范。

原则与流程 —— 需求调研与简报、词语映射、选择正确的标志类型、概念构思、几何构建、光学修正（过冲、骨骼效应、光渗效应……）、色彩、字体、图文组合、测试、提案、交付、再设计与品牌识别系统。
一个包含 1,400+ 个真实世界 SVG Logo 的参考库，每个都按标志类型、技法、几何、主题、字体、情绪和行业做了视觉分类——可在命令行搜索，也可在本地图库中浏览。用于研究结构、掌握品类惯例、避免撞款（绝不用于抄袭）。
零依赖的 Python 工具 —— 按 Logo 原则审查 SVG、制作概念总览页和测试页（16 像素像素测试、单色、反白、眯眼测试、镜像、场景、竞品货架测试）、生成带行业专属样机的客户提案板、渲染 PNG、导出完整的 favicon / 应用图标 / web-manifest 图标集。

工作原理

flowchart LR
    A[Brief<br/>questions or stated assumptions] --> B[Research<br/>category conventions in the library]
    B --> C[Concepts<br/>8–12 one-liners → build 3 in SVG]
    C --> D[Test & refine<br/>audit · 16 px · one-colour · shelf test]
    D --> E{{Checkpoint<br/>show concepts, recommend, stop}}
    E -- "you pick a direction<br/>and ask for the kit" --> F[Kit<br/>colour · lockups · board · icons · guidelines]
    E -- "you want changes" --> C

技能始终在检查点停下：它把概念做成一幅总览图，附上推荐意见，并提供完整的方案包。在你选定方向之前不会再产出任何其他内容——方案包占了大部分工作量，只有对一个已经认可的想法才有意义。

安装

Claude Code —— 插件市场（推荐）

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

Claude Code —— 手动安装

下载技能后解压，把技能文件夹复制到你的个人（所有项目）或项目级技能目录：

Claude.ai / Claude Desktop

下载技能，然后在 设置 → 功能 → 技能 下直接上传zip 包。

Gemini CLI、Codex CLI 和其他代理

该技能使用开放的 Agent Skills 格式（一个包含 SKILL.md 的文件夹），因此适用于任何支持技能功能的代理——说明是纯 Markdown，工具是纯 Python。克隆一次，然后把文件夹复制到你的代理技能目录：

代理	个人（所有项目）	按项目
Gemini CLI	`~/.gemini/skills/logo-design`（或 `~/.agents/skills/`）	`.gemini/skills/logo-design`
Codex CLI	`~/.codex/skills/logo-design`	`.codex/skills/logo-design`
Cursor、GitHub Copilot、OpenCode 等	参见你的代理技能文档	通常是项目内的 `skills/` 文件夹

开启一个新会话并索要一个 Logo；代理会从技能描述中识别出该用它。这个技能在能查看图像的模型上表现最佳，因为它会把自己的草稿渲染成 PNG，在给你看任何东西之前先自查一遍。.claude-plugin/ 文件夹只被 Claude Code 使用，在其他环境中会被忽略。

示例

使用

直接开口就行——技能会在 logo、字标、交织字母标、品牌标志、应用图标、favicon、重塑品牌和批评建议等请求时被触发：

"为 Harbor 设计一个 Logo，这是一款面向新手储蓄者的储蓄应用。它应该给人平静和安全的感觉。" "这是我们的现有 Logo（logo.svg）——请批评它并给出焕新建议。" "为一家叫 Kiln 的精品咖啡烘焙商给我三个字标方向。" "把这个符号做成 favicon、应用图标和单色版本，再加一页使用指南。"

工具也可以直接运行：

cd skills/logo-design
python3 scripts/search_library.py --technique negative-space --exemplary
python3 scripts/search_library.py --industry payments-fintech --summary
python3 scripts/svg_audit.py my-logo.svg
python3 scripts/concept_sheet.py a.svg b.svg c.svg --names "A" "B" "C" --recommend 1 -o concepts.png
python3 scripts/preview_sheet.py my-logo.svg --refs-industry developer-tools -o preview.html
python3 scripts/render_png.py my-logo.svg --size 512 -o my-logo.png
python3 scripts/export_variants.py my-logo.svg --mono "#0F7C80" --icon-bg "#0F7C80" --web-icons
open assets/library/gallery.html      # 可视化浏览图库

需要 Python 3.8+（仅标准库）。PNG/ICO 导出使用任何可用的渲染器：cairosvg、rsvg-convert、Inkscape、基于 Chromium 的浏览器（Chrome、Edge、Brave）或 macOS Quick Look。

内含内容

skills/logo-design/
├── SKILL.md                     # 工作流、检查点、原则、危险信号、工具指南
├── references/                  # 按需加载
│   ├── principles.md            # 十二条原则、助记模型、简洁、相关性、持久性
│   ├── discovery-brief.md       # 问题库、简报模板、词语映射
│   ├── mark-types.md            # 字标 → 组合标：优缺点、决策指南
│   ├── visual-techniques.md     # 几何、网格、平衡、光学修正、负空间、渐变……
│   ├── color.md · typography.md · process.md · svg-construction.md
│   ├── testing-checklist.md · presentation-delivery.md · identity-system.md
│   ├── redesign.md · critique.md
│   └── library-guide.md         # 图库内容、数据洞见、按技法精选的示例
├── scripts/
│   ├── concept_sheet.py         # 检查点展示的一图式概念总览
│   ├── search_library.py        # 查询 1,400+ Logo 图库（筛选、--summary、--format paths）
│   ├── svg_audit.py             # 结构、颜色、复杂度、接近偏差角度、细小细节、居中
│   ├── preview_sheet.py         # HTML 测试页（尺寸、背景、处理方式、场景、货架测试）
│   ├── presentation_board.py    # 客户提案板，每个概念带六个行业专属样机
│   ├── render_png.py            # SVG → 精确尺寸的透明 PNG、favicon.ico
│   ├── export_variants.py       # 黑 / 白 / 单色 / 方形 / favicon / 应用图标、PNG、完整 web 图标集
│   └── build_catalog.py         # 维护者：重建目录、统计和图库
├── templates/                   # 品牌规范模板、提案规格示例
└── assets/library/              # svg/（1,400+ 文件）、catalog.json、classifications.json、stats.json、gallery.html

图库一览

1,400+ 个文件 · ≈1,200 个品牌 · 233 个品牌同时拥有图文组合和独立图标 · 标志类型：抽象 24%、组合 21%、具象 20%、字母造型 15%、字标 10%、徽章 4%、吉祥物 4%、单字母标 3% · 中位数 2 色，75% 使用不超过 3 色 · 渐变占 19% · 141 个被标记为值得学习的示范案例。更多内容见references/library-guide.md

许可与商标

技能文本、脚本、模板和目录数据：MIT。assets/library/svg/ 中的 Logo 文件是其各自所有者的商标，仅用于参考和教育，不在 MIT 许可范围内——见TRADEMARKS.md。示例中的品牌均为虚构需求，用于演示该技能。

欢迎贡献：新的已分类 Logo（需拥有再分发权利）、更好的脚本、翻译、评测。