logo-design-skill内置7个脚本工具全解Logo审计、测试单、提案板与一键Favicon导出【免费下载链接】logo-design-skillA comprehensive logo-design skill for Claude, Gemini CLI, Codex and other AI agents: principles, process, SVG craft, testing tools and a 1,400 logo reference library.项目地址: https://gitcode.com/gh_mirrors/lo/logo-design-skilllogo-design-skill是一个为 Claude、Gemini CLI、Codex 等 AI 智能体打造的专业 Logo 设计技能包它不仅内置了 1,400 真实 Logo 参考库和设计方法论还附带了 7 个零依赖 Python 脚本工具能把AI 画的 Logo从概念图一路推进到可交付的 Favicon 和 Web 图标套装。本文带你逐一拆解这 7 个脚本工具各自解决什么问题、如何组合使用。7个脚本工具一览表先建立整体印象所有脚本都位于 scripts/ 目录纯 Python 3 标准库编写无需安装任何第三方包PNG 导出会自动寻找系统中已有的渲染器。它们分别覆盖检查 → 测试 → 呈现 → 交付四个环节脚本一句话用途解决的问题svg_audit.pyLogo 审计结构、配色、复杂度、危险角度自动体检preview_sheet.py生成测试单16px 像素测试、单色、反白、货架对比concept_sheet.py概念总览图一张图展示全部候选方案 推荐项presentation_board.py客户提案板按行业生成 6 个场景 Mockup 演示search_library.py参考库检索按类型/技法/行业查 1,400 Logorender_png.pySVG 转 PNG精确尺寸渲染、favicon.ico、HTML 截图export_variants.py一键 Favicon 导出黑白单色版 全套 Web 图标一站生成 除了这 7 个面向用户的脚本目录里还有供维护者重建参考库目录的 build_catalog.py 和共享工具库 svglib.py。Logo 审计svg_audit.py 让 AI 画稿先过质检svg_audit.py 会对照 Logo 设计原则自动检查你的 SVG 文件viewBox 结构、是否残留文本节点、颜色数量、锚点复杂度对比参考库中位数、差一点点但没对齐到标准角度的线段0.3°–3° 偏差、小到缩到 16px 就会消失的细节、居中对齐等。官方示例中它提前抓出了早期方案里一条 60.8° 的斜线和偏离中心的图形在展示给用户之前就让问题现了形。运行方式python3 skills/logo-design/scripts/svg_audit.py my-logo.svg --bg #0F7C80加--json可输出机器可读结果方便智能体自动迭代。审计结论只是建议而非铁律——刻意的设计选择可以覆盖警告但你要说得清原因。测试单preview_sheet.py 一键生成放大缩小都好看验证页preview_sheet.py 生成一个无依赖的 HTML 测试单把 Logo 放进真实使用场景里逐一折磨尺寸阶梯从 16px 到 256px 逐级缩小验证小尺寸可读性背景矩阵浅色、深色、品牌色、摄影图、纹理背景暴露弱点的处理灰度、单色黑白、眯眼模糊、镜像、180° 旋转真实上下文浏览器标签页、App 图标、头像裁剪、网站页头、名片货架测试与同参考 Logo 并排陈列判断辨识度是否足够。下面这张测试单截图展示了 Maison Orvelle 的三个方案在不同尺寸下的表现——一眼就能看出 wordmark 方案 B 在 16px 时已难以辨认而 monogram 方案 A 依然清晰python3 skills/logo-design/scripts/preview_sheet.py my-logo.svg --refs-industry payments-fintech -o preview.html概念总览图concept_sheet.py 生成检查点展示图设计流程走到概念阶段时concept_sheet.py 会把所有候选方案合成为一张总览图每个方案一张卡片包含放大的主图、真实 64/32/16px 小尺寸预览、名称和一句话创意说明还能用--recommend标出推荐项。这正是 AI 设计流程中概念检查点的核心先展示、再等待你选定方向避免在错误方案上继续投入大量交付工作。提案板presentation_board.py 自动配行业 Mockuppresentation_board.py 把一份 JSON 规格文件渲染成客户级提案页品牌简介、每个方案的创意与理由、大/小/反白版本以及按客户行业自动挑选的 6 个场景 Mockup——咖啡品牌配纸杯、包装袋、门店招牌音乐节配胸牌、T恤、网站金融客户配支付卡等。以 Kiln精品咖啡为例生成的提案板自动配好了纸杯、包装袋、门店招牌、名片、社交头像和礼品袋六个场景同样换个行业Pulsewave 音乐节的提案板就自动换成了活动胸牌、T恤、网站页头、社交卡片、笔记本贴纸和门店招牌填写规格可参考官方示例模板 presentation-spec.example.json运行--list-mockups还能查看支持的全部 Mockup 类型。参考库检索search_library.py 研究同行长什么样search_library.py 让智能体能检索内置的 1,400 真实 Logo 参考库SVG 源文件 视觉分类数据按标记类型、技法、几何、主题、行业、配色、气质等维度组合筛选# 查找负空间技法的范例 python3 skills/logo-design/scripts/search_library.py --technique negative-space --exemplary # 查看某个行业的视觉惯例 python3 skills/logo-design/scripts/search_library.py --industry payments-fintech --summary这一步用来研究品类惯例、避开撞脸方案——参考库只用于学习严禁抄袭库内 Logo 均为各公司商标见 TRADEMARKS.md。分类数据详见 library-guide.md也可以直接打开 gallery.html 在浏览器中可视化浏览。渲染与交付render_png.py 和 export_variants.pyrender_png.py把 SVG 变成能看的图render_png.py 负责 SVG → 透明 PNG 渲染精确指定尺寸并按顺序自动选择可用后端cairosvg、rsvg-convert、Inkscape、Chrome/Chromium 或 macOS Quick Look。它还是整个技能的眼睛——AI 画完图先渲染出来自己看一眼再交给你。python3 skills/logo-design/scripts/render_png.py my-logo.svg --size 512 -o my-logo.pngexport_variants.py一键导出 Favicon 全套资产export_variants.py 是交付环节的主力从一份主 SVG 一次性导出单色黑 / 单色白 / 品牌色单色 SVG正方形头像版、紧凑 Favicon 版、圆角方块 App 图标版加--png 32 512 1024输出各尺寸 PNG加--web-icons则直接生成完整 Web/PWA 图标套装favicon.ico16/32/48、apple-touch-icon.png180px、icon-192/512、maskable-512外加site.webmanifest和可直接粘贴的head代码片段。python3 skills/logo-design/scripts/export_variants.py brand-symbol.svg \ --mono #0F7C80 --icon-bg #0F7C80 --web-icons如果小尺寸下细节过多可用--favicon-source指定一份简化版小图专门用于 Favicon 和 App 图标。快速上手安装与触发方式git clone https://gitcode.com/gh_mirrors/lo/logo-design-skill cp -r logo-design-skill/skills/logo-design ~/.gemini/skills/logo-design # Gemini CLI 示例由于采用的是开放的 Agent Skills 格式一个文件夹 SKILL.md它同样适用于 Claude Code、Codex CLI、Cursor、GitHub Copilot 等任何支持技能的智能体。装好后直接用自然语言提需求即可比如把我们的符号 Logo 转成 favicon、App 图标和单色版本再配一份一页纸使用指南。7 个脚本会按需自动串联起来检索参考 → 审计画稿 → 生成测试单 → 概念检查点 → 提案板 → 导出全套 Favicon 资产全程零额外依赖。小结svg_audit.py管质量preview_sheet.py管验证️concept_sheet.py / presentation_board.py管展示search_library.py管参考⚙️render_png.py / export_variants.py管交付——这套脚本工具链让 Logo 设计从AI 随手画一个升级为有审计、有测试、有提案、有交付标准的完整工程化流程。更多设计原则与流程细节可参阅 SKILL.md 中的完整工具指南以及 testing-checklist.md 和 presentation-delivery.md。【免费下载链接】logo-design-skillA comprehensive logo-design skill for Claude, Gemini CLI, Codex and other AI agents: principles, process, SVG craft, testing tools and a 1,400 logo reference library.项目地址: https://gitcode.com/gh_mirrors/lo/logo-design-skill创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考