benzema216/ai-ecommerce-agent-skills/design-pipeline

美工全流程 (Design Pipeline)

从参考店铺到成品设计的自动化电商美工工作流。串联浏览器截图、风格分析、AI 生图三大环节，一条龙输出同风格电商素材。

核心能力链

参考URL/图片 → 浏览器截图 → 风格拆解分析 → 设计简报生成 → nano-banana2 AI生图 → 成品素材
     ↑              ↑              ↑                ↑                ↑              ↑
  用户输入     OpenClaw浏览器   store-teardown   本技能核心     Gemini图像生成   输出交付

依赖工具

nano-banana2 命令格式

cd {baseDir}/../nano-banana2/scripts && .venv/bin/python nano_banana2.py \
  --mode image \
  --prompt "提示词" \
  --aspect-ratio "1:1" \
  --output "/tmp/design-pipeline/"

画幅比例速查

工作模式

本技能支持 4 种工作模式，根据用户输入自动判断或由用户指定。

模式 1: 参考生成 (Reference-based Generation)

从店铺/产品 URL 截图 → 风格拆解 → 设计简报 → AI 生成同风格素材。 触发词: "参考这个店铺生成"、"照着这个风格做"、"分析这个链接的设计"

详见 references/mode-reference-gen.md

模式 2: 产品主图 (Product Main Image)

根据产品描述生成 4 种变体主图 (白底/场景/氛围/特写)。 触发词: "做主图"、"生成产品图"、"产品主图"

详见 references/mode-product-main.md

模式 3: 店铺 Banner

根据活动信息生成多尺寸 Banner，支持自动匹配活动风格预设。 触发词: "做Banner"、"做海报"、"做活动图"、"促销Banner"

详见 references/mode-banner.md

模式 4: 批量生成 (Batch Generation)

锁定风格锚点后，为多个产品顺序生成视觉一致的系列主图。 触发词: "批量生成"、"一组产品图"、"全店主图"、"系列产品图"

详见 references/mode-batch.md

提示词工程

提示词构造遵循统一结构，附带风格/背景/光线关键词速查表。

详见 references/prompt-guide.md

交互规范

接收需求时

1. 识别工作模式 (参考生成 / 产品主图 / Banner / 批量生成)
2. 确认必填参数是否齐全
3. 缺少信息时主动追问，追问简洁直接

追问模板

收到! 需要确认几个信息:
1. [缺少的信息A]?
2. [缺少的信息B]?
3. 风格偏好: [给出2-3个选项]?

执行过程中

• 每完成一个关键步骤，简要汇报进度
• 风格分析完成后，先展示设计简报让用户确认再生图
• 生图完成后展示结果并询问是否需要调整

交付时

汇报: 文件位置、尺寸、风格关键词、生成素材清单。提供调整选项 (换风格/调配色/重新生成/出其他尺寸)。

所有产出统一存放在 /tmp/design-pipeline/ 下，按模式分子目录 (reference/, output/, product-main/, banner/, batch/)。

注意事项

1. 风格一致性: 批量生成时始终使用同一份 style_anchor，不要中途修改
2. 提示词语言: nano-banana2 提示词统一使用英文，效果最佳
3. 比例匹配: 严格按照目标平台要求选择 aspect-ratio，不要混用
4. 迭代优先: 先生成少量样本确认方向，再批量铺开
5. 文字叠加: AI 生图不擅长生成精确文字，Banner/海报的文案部分建议后期叠加
6. 版权意识: 不要在提示词中引用具体品牌名/IP名称，用风格描述替代