Builderoom

2026年9月26日

获取资源

为 Claude Code 提供的 SVG Logo 生成技能,可产出多个设计变体及专业背景展示图。

MITmacOSWindowsLinuxClaude Code文本图片代码
安装 / 调用方式bash
npx skills add https://github.com/op7418/logo-generator-skill.git

产品信息

形态
AI技能 & 智能体
分类
设计与体验 › 品牌与视觉识别
定价
开源
平台
macOS · Windows · Linux · Claude Code
授权协议
MIT
首发日期
2026年9月26日
收录时间
2026年9月26日

概览

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 的创业公司、开发个人项目的开发者、探索初期概念的设计师,以及正在迭代品牌形象的产品团队。

功能特性

  • SVG Logo 生成:基于点阵、线条系统和混合构图生成几何风格的 SVG Logo。
  • 多变体设计:每次请求生成 6 个以上不同的设计变体以探索不同方向。
  • 12 种专业背景风格:提供深色与浅色共 12 种预设背景风格用于制作展示图。
  • Nano Banana 集成:使用 Gemini 3.1 Flash Image Preview 生成高端展示图像。
  • 交互式 HTML 预览:生成带有悬停效果和平滑过渡动画的 HTML 展示页面。
  • 多格式导出:支持导出可编辑的 SVG 文件和指定尺寸的 PNG 文件。
  • 参数微调:允许对选中变体的尺寸、间距、旋转等参数进行调整。
  • 第三方 API 支持:支持配置自定义的第三方 API Base URL 调用 Gemini 模型。

版本更新

新版本提醒我

首个版本 · Logo Generator

Q&A

如何安装这个技能?由 AI 生成
可以通过三种方式安装: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 生成
需要 Python 3.8+,Python 依赖包包括 `google-genai`、`python-dotenv`、`cairosvg` 和 `Pillow`。此外还需要一个 Gemini API key 用于生成展示图。
支持哪些背景风格?由 AI 生成
共 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 生成
可以。在 `.env` 文件中除了配置 `GEMINI_API_KEY` 和 `GEMINI_MODEL` 外,增加 `GEMINI_API_BASE_URL` 字段并填入第三方端点地址即可。
生成的 Logo 遵循什么设计原则?由 AI 生成
遵循六项原则:极致简洁(最多 1-2 个核心元素)、慷慨留白(至少 40-50% 空白画布)、精准比例(线宽 2.5-4px)、视觉张力(有意为之的不对称)、克制装饰(每个元素都需有存在理由)、单一焦点(清晰的视觉层级)。
获取资源
收藏

这个产品还没有主理人

由平台收录或原作者已注销。如果它是你的作品,证明与它的关系后即可成为主理人。

认领这个产品