Logo Design Skill for Claude

技能简介

Logo Design Skill 是一款将 Claude 打造为专业品牌设计师的 Claude Code Skill。它从创意简报开始，覆盖调研、概念生成、几何构建、光学校正、色彩搭配、排版锁定的完整流程，最终输出生产级 SVG 文件和品牌指南。它内含 1400 多个经过视觉分类的真实世界 Logo 参考库，并配备一套纯 Python 编写、无外部依赖的设计工具，帮助设计师（和 AI）在每个阶段做出有据可查的决策。

核心能力

• 完整 Logo 设计工作流：内置 12 条设计原则和系统性流程，从理解简报到交付 SVG 品牌包，AI 不会在未经用户确认前擅自推进。
• 1400+ 参考 Logo 库：按标志类型（文字标、组合标、图形标、徽章等）、行业、风格、颜色分类，支持命令行搜索，用于调研竞品规范和避免相似设计。
• SVG 质量自动审核：运行 svg_audit.py 对概念稿进行锚点数量、色彩数量、近似角度、微小细节检测，给出 0-100 生产就绪评分。
• 概念概览与测试页：生成并排对比图（16px / 32px / 96px）、单色 / 反色版本、行业货架测试，确保标志在所有尺寸和场景下都可用。
• 客户端演示工具包：按行业生成六种 mockup 概念展示板（金融、医疗、餐饮等），方便设计师向客户汇报。
• 多格式导出：从 SVG 自动生成透明 PNG（任意尺寸）、favicon.ico、app-icon、Web App Manifest 完整集合。
• 检查点机制：概念阶段停止，AI 展示所有方向并给出推荐，用户选择后再进入完整品牌包制作，避免返工。

安装配置

方式一：Claude Code 插件市场（推荐）

打开 Claude Code，运行以下命令：

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

方式二：手动安装（个人级或项目级）

git clone https://github.com/kaankiziltug/logo-design-skill.git
# 个人级（所有项目可用）
cp -r logo-design-skill/skills/logo-design ~/.claude/skills/logo-design
# 项目级（仅当前项目可用）
# cp -r logo-design-skill/skills/logo-design .claude/skills/logo-design

方式三：Claude.ai / Claude Desktop

前往 GitHub Releases 页面（github.com/kaankiziltug/logo-design-skill/releases）下载 logo-design.zip，在 Settings → Capabilities → Skills 中上传。如有文件大小限制，可使用剔除 SVG 库的 logo-design-lite.zip。

方式四：其他 Agent

Skill 遵循开放 Agent Skills 格式（包含 SKILL.md 的文件夹），支持将 skills/logo-design/ 目录复制到任意支持 Skill 的 AI 代理的 skills 文件夹中。

使用步骤

1. 安装 Skill：根据上方任一方式完成安装。
2. 触发 Skill：直接向 Claude 描述需求，支持关键词包括：logo、wordmark、monogram、brand mark、app icon、favicon、rebrand、critique。
3. AI 执行发现阶段：Claude 提问补充简报信息（如有），然后在参考 Logo 库中调研该行业的常见类型、色彩和规范。
4. 提交概念并等待确认：AI 生成 8-12 个方向的概念摘要，以一张对比图展示，标注每个方向的推荐理由，并在检查点停止等待用户选择。
5. 用户选择方向后：Claude 依据用户所选方向，进入完整品牌包制作阶段，输出锁定的色彩、排版、SVG 文件和使用指南。
6. 导出所需格式：使用内置工具导出 PNG、favicon、app-icon、Web Manifest，或生成客户演示板。

适用场景

• 品牌初创：初创公司在早期获得多套专业 Logo 概念方向，无需立即雇佣设计师。
• 产品重塑：产品经理或创业者希望快速获得现有品牌优化的参考方向，供设计师进一步落地。
• AI 编程演示：在 Claude Code 的 Vibe Coding 场景中，向用户展示 AI 驱动的设计工作流能力。
• 设计调研：设计师利用 Logo 库快速了解特定行业（如金融、医疗、餐饮）的视觉规范和常见陷阱。
• 教育与培训：设计专业学生通过审核工具了解什么构成生产级 SVG 文件。

适用人群

• 初创公司创始人、品牌负责人
• 产品经理、UX 设计师
• 使用 Claude Code 进行 AI 编程的开发者
• 希望借助 AI 提升品牌设计效率的独立创作者

工作原理

Logo Design Skill 内部运行一个由检查点驱动的状态机工作流。进入工作流后，AI 首先收集创意简报，随后在参考 Logo 库中调研该行业惯例，生成 8-12 个概念方向，以单图概览呈现并给出推荐。检查点停止是关键机制：AI 在展示概念后不自动继续，而是等待用户选择方向。只有在用户明确选择后，Skill 才会进入完整品牌包制作阶段。制作阶段完成后，svg_audit.py 对最终 SVG 进行生产就绪度审核，preview_sheet.py 生成多尺寸、多背景测试页，export_variants.py 负责所有导出格式。

官方链接

• GitHub 仓库：https://github.com/kaankiziltug/logo-design-skill
• 参考 Logo 库在线浏览：assets/library/gallery.html（本地克隆后打开）
• Skill 文本、脚本、模板：MIT 许可证；Logo 库文件归各权利人所有，仅供研究与教育参考。