菜单
美工全流程 - 从参考店铺到成品设计，自动分析风格并生成同风格电商素材（主图、海报、Banner）。激活条件：(1) 用户需要分析店铺/竞品视觉风格 (2) 用户需要生成电商产品主图 (3) 用户需要制作活动Banner/海报 (4) 用户需要批量生成同风格产品图 (5) 用户需要从参考URL提取设计语言并复用。关键词：美工、设计、主图、海报、Banner、批量生成、风格分析、店铺拆解、电商素材、详情页、小红书、产品图、视觉风格
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
电商美工助手 - 做详情页、海报、Banner、社媒封面、套模版、AI生图、批量适配。支持淘宝/京东/拼多多/小红书/抖音/公众号全平台尺寸。发送"做详情页"、"做海报"、"做主图"、"做封面"开始。关键词：电商设计、产品图、详情页、海报设计、Banner、美工
Nano Banana2 多模态 AI - 支持文生图、图生图、Vision 分析。发送"生图 柴犬"生成图片，发送图片+描述做风格化重绘。底层调用 Gemini，支持 10 种宽高比。关键词：生图、画图、AI画图、文生图、图生图、generate image、Gemini、重绘
踩坑经验库 - 遇到问题时自动查阅 GitHub 上的历史踩坑记录(Capsule)，解决后自动提交新经验回 GitHub Issue。激活条件：(1) 遇到报错/异常/失败时 (2) 配置不生效或行为异常时 (3) 成功解决一个非显而易见的问题后 (4) 用户要求查阅或记录经验时。关键词：踩坑、经验、报错、failed、error、不生效、为什么、pitfall、experience
美股/港股盘前分析框架。抓取五大观测指标（VIX/IGV/MAGS/MEME/布油）、 个股实时价格、期权隐含波动率，生成结构化盘前简报。 包含量化模块：粒子滤波概率追踪、期权蒙卡定价、Copula VaR。 支持持仓 JSON 格式管理，实时浮盈亏计算。
店铺视觉风格拆解 - 自动分析电商店铺/竞品的配色方案、排版布局、摄影风格、设计语言。支持淘宝/天猫/京东/拼多多店铺。激活条件：需要竞品分析、风格提取、视觉对标、店铺拆解、配色分析时使用。关键词：竞品、风格分析、配色、视觉DNA、设计语言、store teardown、visual analysis
获取商品在淘宝(Taobao)、天猫(TMall)、京东(JD.com)、拼多多(PinDuoDuo)、抖音(Douyin)、快手(KaiShou)的最优价格、优惠券的技能，商品价格全网对比，当用户想购物或者获取优惠信息时使用。Get the best price, coupons for goods on Chinese e-commerce platforms, compare product prices, and use when users want to shop or get discount information.
| name | design-pipeline |
| description | 美工全流程 - 从参考店铺到成品设计，自动分析风格并生成同风格电商素材（主图、海报、Banner）。激活条件：(1) 用户需要分析店铺/竞品视觉风格 (2) 用户需要生成电商产品主图 (3) 用户需要制作活动Banner/海报 (4) 用户需要批量生成同风格产品图 (5) 用户需要从参考URL提取设计语言并复用。关键词：美工、设计、主图、海报、Banner、批量生成、风格分析、店铺拆解、电商素材、详情页、小红书、产品图、视觉风格 |
| metadata | {"openclaw":{"emoji":"🖼️","userInvocable":true,"version":"1.0.0"}} |
从参考店铺到成品设计的自动化电商美工工作流。串联浏览器截图、风格分析、AI 生图三大环节，一条龙输出同风格电商素材。
参考URL/图片 → 浏览器截图 → 风格拆解分析 → 设计简报生成 → nano-banana2 AI生图 → 成品素材
↑ ↑ ↑ ↑ ↑ ↑
用户输入 OpenClaw浏览器 store-teardown 本技能核心 Gemini图像生成 输出交付
| 工具 | 用途 | 调用方式 |
|---|---|---|
| OpenClaw 浏览器 | 截取参考页面 | take_screenshot MCP 工具 |
| store-teardown | 店铺视觉拆解分析 | {baseDir}/../store-teardown/scripts/ |
| nano-banana2 | Gemini AI 图像生成 | 见下方命令格式 |
| ecommerce-designer | 模版渲染（可选） | {baseDir}/../ecommerce-designer/scripts/ |
cd {baseDir}/../nano-banana2/scripts && .venv/bin/python nano_banana2.py \
--mode image \
--prompt "提示词" \
--aspect-ratio "1:1" \
--output "/tmp/design-pipeline/"
| 素材类型 | 比例 | 适用场景 |
|---|---|---|
| 主图 | 1:1 | 淘宝/天猫/京东/拼多多产品主图 |
| 详情页 | 3:4 或 2:3 | 商品详情长图分段 |
| Banner (宽幅) | 21:9 | 店铺首页通栏 Banner |
| Banner (标准) | 16:9 | 活动专区 Banner |
| 小红书封面 | 3:4 | 小红书笔记封面图 |
| 抖音封面 | 9:16 | 抖音/快手竖版封面 |
| 公众号封面 | 16:9 | 微信公众号文章头图 |
本技能支持 4 种工作模式，根据用户输入自动判断或由用户指定。
从店铺/产品 URL 截图 → 风格拆解 → 设计简报 → AI 生成同风格素材。 触发词: "参考这个店铺生成"、"照着这个风格做"、"分析这个链接的设计"
根据产品描述生成 4 种变体主图 (白底/场景/氛围/特写)。 触发词: "做主图"、"生成产品图"、"产品主图"
根据活动信息生成多尺寸 Banner，支持自动匹配活动风格预设。 触发词: "做Banner"、"做海报"、"做活动图"、"促销Banner"
锁定风格锚点后，为多个产品顺序生成视觉一致的系列主图。 触发词: "批量生成"、"一组产品图"、"全店主图"、"系列产品图"
提示词构造遵循统一结构，附带风格/背景/光线关键词速查表。
收到! 需要确认几个信息:
1. [缺少的信息A]?
2. [缺少的信息B]?
3. 风格偏好: [给出2-3个选项]?
汇报: 文件位置、尺寸、风格关键词、生成素材清单。提供调整选项 (换风格/调配色/重新生成/出其他尺寸)。
所有产出统一存放在 /tmp/design-pipeline/ 下，按模式分子目录 (reference/, output/, product-main/, banner/, batch/)。