Logo Design:面向 AI Agent 的 SVG Logo 与品牌设计 Skill

kaankiziltug/logo-design-skill

设计与评审 SVG Logo,提供三种经过检查的概念方案、品牌规范、应用展示,以及 favicon 和应用图标导出。

最近更新于:

查看 GitHub 项目
git clone https://github.com/kaankiziltug/logo-design-skill.git
6,695Stars528Forks仓库最近推送

关于这个 Skill

Logo Design 是 kaankiziltug 开发的开源 Agent Skill,用于创建、评审与完善品牌视觉识别。它结合品牌设计流程、按需读取的参考文档、Python 工具,以及包含 1,400 多个 SVG Logo 的可搜索参考库。常规流程先制作三种不同概念,检查结构和小尺寸表现,再等待你选择方向,之后制作最终品牌套件。

为什么推荐

值得关注的是分阶段决策流程:先比较三种黑白方向及其小尺寸表现,选定后再制作完整品牌套件。参考库和 SVG 检查帮助 Agent 更有依据地处理图形结构。建议先提供品牌名称、受众和使用场景,看过概念对比稿后再决定最终方向。

适合用来做什么

  • 需要为公司、产品或应用比较 Logo 方向的创业者与独立开发者。
  • 希望 Agent 辅助构建 SVG 图形、检查几何细节和制作应用展示的设计师。
  • 需要更新现有 Logo,或把已确认图形转为统一网页与应用素材的团队。

从需求简报到三种概念

先给出准确品牌名称和简短需求。Agent 研究行业惯例、梳理词语与隐喻,探索候选创意,再用 SVG 构建最有价值的三种方向。首轮以黑白呈现,方便先判断概念和轮廓,再讨论颜色。

检查与细化

通过 SVG 审查和预览表检查结构、小尺寸可读性、单色与反白表现、意外解读,以及与参考图形的并排比较。流程要求先渲染并查看实际图像,再向用户展示。

在概念检查点选择方向

你会收到一张概念总览图、各方案的简短说明和推荐意见。Agent 通常等待你选择并确认后再制作完整套件;也可以先要求修改概念。

官方仓库与 READMELogo Design 工作流程

选定方向后可以得到哪些内容

矢量母版与组合形式

完善后的 SVG 图形、独立图标与字标、横向与堆叠组合、单色与反白版本,以及需要时制作的小尺寸简化版。

图标与网页素材

导出工具可以制作 favicon 与应用图标、多个尺寸 PNG、favicon.ico、网页 manifest 和 HTML head 片段;位图导出需要可用渲染器。

应用展示与使用规范

按行业选择的应用展示,以及涵盖配色、留白、最小尺寸、背景与错误用法的简明规范。PDF、AI 和 EPS 母版需要环境中另有相应工具。

官方仓库与 READMELogo Design 工作流程

其他使用方式

评审现有 Logo

提供现有 SVG 或图片,要求从清晰度、辨识度、结构及不同尺寸使用表现等方面做结构化评审。

更新品牌识别

说明更新时应保留哪些识别元素。重新设计流程会先评估已有品牌资产,再探索替代方向。

扩展已确认视觉识别

可以请求子品牌、图案或视觉识别系统指导,也可以使用素材工具把已有图形转为图标和单色变体。

Logo Design 工作流程

在 Claude Code 与其他 Agent 中安装

命令用途与使用时机
mkdir -p ~/.claude/skills cp -R logo-design-skill/skills/logo-design ~/.claude/skills/logo-designClaude Code:个人范围安装,最终入口为 ~/.claude/skills/logo-design/SKILL.md。
mkdir -p ~/.agents/skills cp -R logo-design-skill/skills/logo-design ~/.agents/skills/logo-designCodex CLI:个人范围安装,最终入口为 ~/.agents/skills/logo-design/SKILL.md。
mkdir -p ~/.cursor/skills cp -R logo-design-skill/skills/logo-design ~/.cursor/skills/logo-designCursor:个人范围安装,最终入口为 ~/.cursor/skills/logo-design/SKILL.md。
mkdir -p ~/.github/skills cp -R logo-design-skill/skills/logo-design ~/.github/skills/logo-designGitHub Copilot:个人范围安装,最终入口为 ~/.github/skills/logo-design/SKILL.md。
mkdir -p ~/.gemini/skills cp -R logo-design-skill/skills/logo-design ~/.gemini/skills/logo-designGemini CLI:个人范围安装,最终入口为 ~/.gemini/skills/logo-design/SKILL.md。
mkdir -p ~/.opencode/skills cp -R logo-design-skill/skills/logo-design ~/.opencode/skills/logo-designOpenCode:个人范围安装,最终入口为 ~/.opencode/skills/logo-design/SKILL.md。
  1. Claude Code 插件安装

    在 Claude Code 内执行以下命令,随后开启新会话并提出 Logo 设计任务。

    /plugin marketplace add kaankiziltug/logo-design-skill
    /plugin install logo-design@logo-design-skill
  2. 手动安装

    克隆仓库,再将完整 skills/logo-design 文件夹复制到 Agent 的 Skills 根目录,保留脚本、参考文档、模板和参考库。按下表选择对应 Agent 的命令,完成后开启新会话。

    git clone https://github.com/kaankiziltug/logo-design-skill.git
  3. Claude.ai 或 Claude Desktop

    下载作者发布的 ZIP,在 Settings → Capabilities → Skills 中上传。若上传大小受限,可使用 lite 版本,其中不含参考 SVG 文件。

官方仓库与 README作者发布的下载包

第一次可以这样提需求

为 Harbor 设计 Logo。这是一款面向首次储蓄用户的应用,希望传达平静、清晰和友好的感觉。避开银行建筑和硬币符号,需要适用于 16 像素 favicon 和应用图标。先展示三种黑白概念,等待我选择后再制作品牌套件。

官方仓库与 READMELogo Design 工作流程

参考图、许可证与设计评审

本页三张画廊图片直接取自作者 README,仅转为 WebP 用于展示,图中品牌为虚构演示案例。这些是原项目提供的示例,SkillHey 本次未重新执行设计出图。

Skill 指令、脚本、模板和目录数据采用 MIT 许可证。参考库中的真实品牌 Logo 仍属于各自所有者的商标,仅用于参考与学习,不属于 MIT 授权范围。可以研究其结构,不应描摹或将其作为自己的品牌。

SVG 审查检查已定义的技术规则;视觉评审、字体许可核对,以及需要时的商标检索,仍属于最终设计决策的一部分。

官方仓库与 READMEMIT 许可证参考库商标说明

使用前需要了解

  • 准备支持 Agent Skills 的 AI Agent,允许其访问本地文件和运行所需工具;推荐使用能够查看图片的模型,以便评审渲染稿。
  • 内置脚本需要 Python 3.8 或更新版本;核心脚本使用 Python 标准库。
  • PNG 和 ICO 渲染需要可用渲染器,例如 CairoSVG、rsvg-convert、Inkscape、Chrome/Chromium 或 macOS Quick Look;浏览器展示稿需要兼容浏览器。
  • 提供准确品牌名称、受众、期望气质、竞争品牌和使用位置。Skill 本身免费,所用 AI Agent 及可选服务按各自方式计费。

支持的 Agent

Claude CodeCodex CLICursorGitHub CopilotGemini CLIOpenCode

常见问题

需要图片生成 API 吗?

文档中的流程使用 SVG、Python 与本地渲染工具,没有指定必须使用的图片生成 API。推荐使用能够看图的 AI Agent 来检查草稿。

会直接制作完整品牌套件吗?

标准流程在三种经过检查的概念之后暂停。选定方向并确认制作套件,或先要求继续修改概念。作者也说明,可以明确要求 Agent 不停下来确认、直接交付全部内容。

可以把参考库 Logo 直接用于商业品牌吗?

参考 Logo 是各自所有者的商标,不包含在项目 MIT 许可证中,只用于学习与比较。请制作原创视觉识别,并核对所用字体和其他素材的权利。

资料与来源

原始资料见下方链接;文中的上手建议由 SkillHey 编辑整理。