logo-creator

Logo Creator 技能

通过 AI 图像生成和迭代式设计流程创建专业 Logo。

前置条件

必需的 API 密钥（在环境中设置）：

• GEMINI_API_KEY - 从 Google AI Studio 获取
• REMOVE_BG_API_KEY - 从 remove.bg 获取
• RECRAFT_API_KEY - 从 recraft.ai 获取

必需的技能：

• nanobanana - AI 图像生成（Gemini 3 Pro Image）

文件输出位置

所有生成的文件都应保存到 .skill-archive 目录中：

.skill-archive/logo-creator/<yyyy-mm-dd-summaryname>/

示例：

.skill-archive/logo-creator/2026-01-18-opc-logo/
  logo-01.png
  logo-02.png
  ...
  logo-09-cropped.png
  logo-09-nobg.png
  logo-09.svg
  preview.html

指南：

• 使用 yyyy-mm-dd 格式的当前日期
• 添加简短的摘要名称（项目/品牌名称，使用 kebab-case）
• 生成第一个 Logo 前创建目录
• 将所有变体和迭代版本保存在同一文件夹中
• 将最终获批的 Logo 复制到用户指定的位置

工作流

第 1 步：了解需求

生成前，向用户收集需求：

询问以下内容：

1. 项目/品牌名称 - Logo 用于什么项目？

2. 风格偏好 - 查看 references/styles.md 了解可选风格：

   • 像素艺术 / 8 位复古
   • 极简 / 扁平设计
   • 3D / 等距
   • 手绘 / 草图
   • 吉祥物 / 角色
   • 字母组合 / 字母标志
   • 抽象 / 几何

3. 纵横比 - 默认值为 1:1（正方形），可选项：

   • 1:1 - 正方形（网站图标、应用图标）
   • 16:9 - 宽屏（页眉、横幅）
   • 4:3 - 标准
   • 2:3 - 纵向

4. 颜色偏好：

   • 单色（黑白）
   • 指定品牌颜色
   • 让 AI 决定

5. 参考图像 - 是否有可供参考的现有 Logo 或风格？

继续前等待用户确认！

第 2 步：生成 Logo 变体

使用 nanobanana 技能生成 20 个 Logo 变体（默认数量）：

# Generate single logo
python3 <nanobanana_skill_dir>/scripts/generate.py "{style} logo for {brand}, {description}, {colors}" \
  --ratio 1:1 -o .skill-archive/logo-creator/<date-name>/logo-01.png

# Batch generate 20 logos
python3 <nanobanana_skill_dir>/scripts/batch_generate.py "{style} logo for {brand}, {description}, {colors}" \
  -n 20 --ratio 1:1 -d .skill-archive/logo-creator/<date-name> -p logo

指南：

• 多个变体请使用 batch_generate.py（包含自动延迟）
• 保存到 .skill-archive/logo-creator/<yyyy-mm-dd-summaryname>/ 目录
• 使用连续编号命名：logo-01.png、logo-02.png 等

提示词技巧：

• 加入风格关键词：“pixel art”“minimalist”“8-bit”“flat design”
• 指定颜色：“black on white”“monochrome”“blue gradient”
• 添加背景信息：“tech startup”“food brand”“gaming company”
• 指定形式：“icon”“emblem”“mascot”“lettermark”

第 3 步：创建 HTML 预览

复制预览模板并在浏览器中打开：

cp <skill_dir>/templates/preview.html .skill-archive/logo-creator/<yyyy-mm-dd-summaryname>/preview.html

然后在默认浏览器中打开：

open .skill-archive/logo-creator/<yyyy-mm-dd-summaryname>/preview.html

重要： 更新 HTML，使其包含正确数量的生成 Logo。

第 4 步：与用户迭代

询问用户偏好哪些 Logo：

• “你喜欢哪些 Logo？（例如：#5、#12、#18）”
• “你喜欢它们的哪些特点？”
• “你希望做哪些修改？”

根据反馈：

1. 按照偏好的风格再生成 10-20 个变体
2. 使用以下命名方式：logo-{original}-v{n}.png（例如：logo-05-v1.png）
3. 更新 HTML 预览
4. 重复以上步骤，直到用户选定最终 Logo

第 5 步：定稿 Logo

用户批准 Logo 后，对其进行处理：

5a. 裁剪空白区域（裁成无边距的 1:1）：

python3 <skill_dir>/scripts/crop_logo.py {input.png} {output-cropped.png}

5b. 移除背景：

python3 <skill_dir>/scripts/remove_bg.py {input.png} {output-nobg.png}

5c. 转换为 SVG：

python3 <skill_dir>/scripts/vectorize.py {input.png} {output.svg}

第 6 步：交付最终素材

提供最终交付内容：

## Final Logo Assets

| File | Description | Size |
|------|-------------|------|
| logo.png | Original | 1024x1024 |
| logo-cropped.png | No margins, 1:1 | ~800x800 |
| logo-nobg.png | Transparent background | ~800x800 |
| logo.svg | Vector (scalable) | ~20KB |

All files saved to: `.skill-archive/logo-creator/<yyyy-mm-dd-summaryname>/`
Copy final logo to user's desired location.

快速参考

常见提示词模式

像素艺术：

Pixel art {subject} logo, 8-bit retro style, black pixels on white background, {size}x{size} grid, minimalist icon

极简风格：

Minimalist {subject} logo, flat design, clean lines, {color} on white, simple geometric shapes

吉祥物：

Cute {animal/character} mascot logo, friendly expression, {style} style, {colors}, suitable for brand icon

字母标志：

Letter "{letter}" logo, modern typography, {style} design, {colors}, clean professional look

支持的纵横比

• 1:1 - 正方形（Logo 默认比例）
• 2:3、3:2 - 纵向/横向
• 3:4、4:3 - 标准
• 4:5、5:4 - 照片
• 9:16、16:9 - 宽屏
• 21:9 - 超宽屏

参考资料

• references/styles.md - Logo 风格指南，附提示词示例
• examples/opc-logo-creation.md - 完整对话示例