Logo Generator

Overview

GitHubGitHub

Logo Generator 是一个面向 Claude Code 的 AI 技能（skill），用于快速生成专业的 SVG 格式 Logo 及配套的高端展示图。 传统 Logo 设计需要与设计师反复沟通，而常规 AI 生成的 Logo 往往在精致度和展示效果上有所欠缺。该技能通过内置的设计原则（如极致简洁、留白比例控制、精准线宽等）来规范生成过程，并借助 Gemini 3.1 Flash Image Preview（Nano Banana）模型输出具有专业质感的展示图像。 ### 主要能力 - **多方案生成**：每次请求可生成 6 个以上不同的 SVG Logo 变体，涵盖点阵、线条系统及混合构图等图案类型。 - **专业展示图**：提供 12 种预设背景风格（分为深色和浅色各 6 种，如 The Void、Frosted Horizon、UI Container、Swiss Flat 等），用于制作产品展示图。 - **交互式预览**：生成带有悬停效果和过渡动画的 HTML 展示页面。 - **多格式导出**：支持输出可编辑的 SVG 文件以及指定尺寸（如 1024x1024px、2048x2048px）的 PNG 文件。 ### 工作流程 整个流程分为五个阶段：信息收集（产品名称、行业、核心概念、偏好）、图案匹配与 SVG 生成、迭代与微调（调整尺寸、间距、旋转或组合元素）、高端展示图生成、最终交付（HTML 页面、SVG、PNG 及展示图）。 ### 适用人群 适合需要快速获取专业 Logo 的创业公司、开发个人项目的开发者、探索初期概念的设计师，以及正在迭代品牌形象的产品团队。

Q&A

如何安装这个技能？AI-generated

可以通过三种方式安装：1. 自动安装，运行 `npx skills add https://github.com/op7418/logo-generator-skill.git`；2. Git Clone 到 `~/.claude/skills/logo-generator` 目录；3. 手动下载并将文件夹复制到对应系统的 Claude Code skills 目录下。安装后需运行 `pip install -r requirements.txt` 安装依赖，并配置 `.env` 文件中的 GEMINI_API_KEY。

运行这个技能需要什么环境依赖？AI-generated

需要 Python 3.8+，Python 依赖包包括 `google-genai`、`python-dotenv`、`cairosvg` 和 `Pillow`。此外还需要一个 Gemini API key 用于生成展示图。

支持哪些背景风格？AI-generated

共 12 种。深色风格 6 种：The Void、Frosted Horizon、Fluid Abyss、Studio Spotlight、Analog Liquid、LED Matrix。浅色风格 6 种：Editorial Paper、Iridescent Frost、Morning Aura、Clinical Studio、UI Container、Swiss Flat。

可以使用第三方的 Gemini API 吗？AI-generated

可以。在 `.env` 文件中除了配置 `GEMINI_API_KEY` 和 `GEMINI_MODEL` 外，增加 `GEMINI_API_BASE_URL` 字段并填入第三方端点地址即可。

生成的 Logo 遵循什么设计原则？AI-generated

遵循六项原则：极致简洁（最多 1-2 个核心元素）、慷慨留白（至少 40-50% 空白画布）、精准比例（线宽 2.5-4px）、视觉张力（有意为之的不对称）、克制装饰（每个元素都需有存在理由）、单一焦点（清晰的视觉层级）。