logo-creator

标志创建技能

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

前提条件

所需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）
• 在生成第一个标志前创建目录
• 将所有变体和迭代保存在同一文件夹中
• 最终批准的标志应复制到用户指定的位置

工作流程

步骤1：需求发现

在生成之前，收集用户需求：

询问以下内容：

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

2. 风格偏好 - 参见 references/styles.md 了解选项：

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

3. 宽高比 - 默认为1:1（正方形），选项：

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

4. 颜色偏好：

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

5. 参考图片 - 是否有任何现有标志或风格可供参考？

等待用户确认后再继续！

步骤2：生成标志变体

使用 nanobanana 技能生成20个标志变体（默认）：

# 生成单个标志
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

# 批量生成20个标志
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 等

提示技巧：

• 包含风格关键词：“像素艺术”、“极简”、“8位”、“扁平设计”
• 指定颜色：“白底黑色”、“单色”、“蓝色渐变”
• 添加上下文：“科技初创公司”、“食品品牌”、“游戏公司”
• 请求格式：“图标”、“徽章”、“吉祥物”、“字母标记”

步骤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以包含生成的正确标志数量。

步骤4：与用户迭代

询问用户喜欢哪些标志：

• “你喜欢哪些标志？（例如 #5、#12、#18）”
• “你喜欢它们哪些方面？”
• “你想要任何更改吗？”

根据反馈：

1. 生成10-20个更多喜欢的风格的变体
2. 使用命名：logo-{original}-v{n}.png（例如 logo-05-v1.png）
3. 更新HTML预览
4. 重复直到用户选择最终标志

步骤5：最终确定标志

一旦用户批准标志，进行处理：

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：交付最终资产

展示最终交付物：

## 最终标志资产

| 文件 | 描述 | 大小 |
|------|------|------|
| logo.png | 原始 | 1024x1024 |
| logo-cropped.png | 无外边距，1:1 | ~800x800 |
| logo-nobg.png | 透明背景 | ~800x800 |
| logo.svg | 矢量（可缩放） | ~20KB |

所有文件保存到：`.skill-archive/logo-creator/<yyyy-mm-dd-summaryname>/`
将最终标志复制到用户指定的位置。

快速参考

常见提示模式

像素艺术：

像素艺术 {subject} 标志，8位复古风格，白底黑色像素，{size}x{size} 网格，极简图标

极简：

极简 {subject} 标志，扁平设计，简洁线条，白底 {color}，简单几何形状

吉祥物：

可爱的 {animal/character} 吉祥物标志，友好表情，{style} 风格，{colors}，适合品牌图标

字母标记：

字母 "{letter}" 标志，现代字体，{style} 设计，{colors}，简洁专业外观

支持的宽高比

• 1:1 - 正方形（标志默认）
• 2:3、3:2 - 竖版/横版
• 3:4、4:3 - 标准
• 4:5、5:4 - 照片
• 9:16、16:9 - 宽屏
• 21:9 - 超宽屏

参考

• references/styles.md - 标志风格指南及提示示例
• examples/opc-logo-creation.md - 完整对话示例