logo-creator

Compare original and translation side by side

🇺🇸

Original

English

🇨🇳

Translation

Chinese

Logo Creator Skill

Logo Creator 技能

Create professional logos through AI image generation with an iterative design process.

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

Prerequisites

前提条件

Required API Keys (set in environment):

```
GEMINI_API_KEY
```
- Get from Google AI Studio
```
REMOVE_BG_API_KEY
```
- Get from remove.bg
```
RECRAFT_API_KEY
```
- Get from recraft.ai

Required Skills:

```
nanobanana
```
- AI image generation (Gemini 3 Pro Image)

所需API密钥（在环境中配置）：

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

所需技能：

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

File Output Location

文件输出位置

All generated files should be saved to the

.skill-archive

directory:

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

Example:

.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

Guidelines:

Use current date in format
```
yyyy-mm-dd
```
Add short summary name (project/brand name, kebab-case)
Create directory before generating first logo
Keep all variations and iterations in same folder
Final approved logo should be copied to user's desired location

所有生成的文件应保存至

.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
```
格式的当前日期
添加简短的摘要名称（项目/品牌名称，短横线分隔格式）
在生成第一个Logo前创建目录
将所有变体与迭代版本保存在同一文件夹中
最终获批的Logo应复制到用户指定位置

Workflow

工作流程

Step 1: Discovery & Requirements

步骤1：需求调研

Before generating, gather requirements from user:

Ask about:

Project/Brand name - What is the logo for?
Style preference - See references/styles.md for options:
- Pixel art / 8-bit retro
- Minimalist / flat design
- 3D / isometric
- Hand-drawn / sketch
- Mascot / character
- Monogram / lettermark
- Abstract / geometric
Aspect ratio - Default is 1:1 (square), options:
- ```
1:1
```
  - Square (favicons, app icons)
- ```
16:9
```
  - Wide (headers, banners)
- ```
4:3
```
  - Standard
- ```
2:3
```
  - Portrait
Color preferences:
- Monochrome (black & white)
- Specific brand colors
- Let AI decide
Reference images - Any existing logos or styles to reference?

Wait for user confirmation before proceeding!

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

需询问：

项目/品牌名称 - 该Logo是为哪个主体设计的？
风格偏好 - 可查看references/styles.md获取选项：
- 像素风 / 8-bit复古
- 极简风 / 扁平化设计
- 3D / 等轴测
- 手绘 / 草图
- 吉祥物 / 角色
- 字母组合 / 字母标识
- 抽象 / 几何
宽高比 - 默认是1:1（正方形），可选：
- ```
1:1
```
  - 正方形（网站图标、应用图标）
- ```
16:9
```
  - 宽屏（页眉、横幅）
- ```
4:3
```
  - 标准比例
- ```
2:3
```
  - 竖版
颜色偏好：
- 单色（黑白）
- 指定品牌色
- 由AI决定
参考图片 - 是否有现有Logo或风格可参考？

需等待用户确认后再继续！

Step 2: Generate Logo Variations

步骤2：生成Logo变体

Generate 20 logo variations (default) using the

nanobanana

skill:

bash

undefined

使用

nanobanana

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

bash

undefined

Generate single logo

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

批量生成20个Logo

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


**Guidelines:**
- Use batch_generate.py for multiple variations (includes auto-delay)
- Save to `.skill-archive/logo-creator/<yyyy-mm-dd-summaryname>/` directory
- Use sequential naming: `logo-01.png`, `logo-02.png`, etc.

**Prompt Tips:**
- Include style keywords: "pixel art", "minimalist", "8-bit", "flat design"
- Specify colors: "black on white", "monochrome", "blue gradient"
- Add context: "tech startup", "food brand", "gaming company"
- Request format: "icon", "emblem", "mascot", "lettermark"

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"

Step 3: Create HTML Preview

步骤3：创建HTML预览页

Copy the preview template and open in browser:

bash

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

Then open in default browser:

bash

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

IMPORTANT: Update the HTML to include the correct number of logos generated.

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

bash

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

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

bash

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

重要提示： 更新HTML以包含已生成的Logo的正确数量。

Step 4: Iterate with User

步骤4：结合用户反馈迭代

Ask user which logos they prefer:

"Which logos do you like? (e.g., #5, #12, #18)"
"What do you like about them?"
"Any changes you'd want?"

Based on feedback:

Generate 10-20 more variations of favorite styles
Use naming:
```
logo-{original}-v{n}.png
```
(e.g.,
```
logo-05-v1.png
```
)
Update HTML preview
Repeat until user selects final logo

询问用户偏好的Logo：

"你喜欢哪些Logo？（例如：#5、#12、#18）"
"你喜欢它们的哪些方面？"
"你希望做出哪些修改？"

根据反馈：

生成10-20个用户喜爱风格的新变体
使用命名格式：
```
logo-{original}-v{n}.png
```
（例如：
```
logo-05-v1.png
```
）
更新HTML预览页
重复此流程直到用户选定最终Logo

Step 5: Finalize Logo

步骤5：最终确定Logo

Once user approves a logo, process it:

5a. Crop whitespace (make 1:1 with no margins):

bash

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

5b. Remove background:

bash

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

5c. Convert to SVG:

bash

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

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

5a. 裁剪空白区域（调整为无边距的1:1比例）：

bash

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

5b. 去除背景：

bash

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

5c. 转换为SVG格式：

bash

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

Step 6: Deliver Final Assets

步骤6：交付最终资源

Present final deliverables:

undefined

展示最终交付物：

undefined

Final Logo Assets

最终Logo资源

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.

undefined

文件	描述	尺寸
logo.png	原始版本	1024x1024
logo-cropped.png	无空白边距，1:1比例	~800x800
logo-nobg.png	透明背景	~800x800
logo.svg	矢量格式（可缩放）	~20KB

所有文件保存至：

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

将最终Logo复制到用户指定位置。

undefined

Quick Reference

快速参考

Common Prompt Patterns

常用提示词模板

Pixel Art:

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

Minimalist:

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

Mascot:

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

Lettermark:

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

像素风：

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

Supported Aspect Ratios

支持的宽高比

```
1:1
```
- Square (default for logos)
```
2:3
```
,
```
3:2
```
- Portrait/Landscape
```
3:4
```
,
```
4:3
```
- Standard
```
4:5
```
,
```
5:4
```
- Photo
```
9:16
```
,
```
16:9
```
- Wide
```
21:9
```
- Ultra-wide

```
1:1
```
- 正方形（Logo默认比例）
```
2:3
```
,
```
3:2
```
- 竖版/横版
```
3:4
```
,
```
4:3
```
- 标准比例
```
4:5
```
,
```
5:4
```
- 照片比例
```
9:16
```
,
```
16:9
```
- 宽屏
```
21:9
```
- 超宽屏

References

参考资料

references/styles.md - Logo style guide with prompt examples
examples/opc-logo-creation.md - Full example conversation

references/styles.md - 包含提示词示例的Logo风格指南
examples/opc-logo-creation.md - 完整的对话示例