菜单
电商美工助手 - 做详情页、海报、Banner、社媒封面、套模版、AI生图、批量适配。支持淘宝/京东/拼多多/小红书/抖音/公众号全平台尺寸。发送"做详情页"、"做海报"、"做主图"、"做封面"开始。关键词：电商设计、产品图、详情页、海报设计、Banner、美工
默认使用会先检查来源的 Prompt；你也可以切换为直接命令，或下载本地副本。
决定是否安装前，请先阅读 SKILL.md，以及 SkillsMP 当前展示的配套文件。
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
直接命令不会经过审查 Prompt；运行前请先检查来源。
npx skills add https://github.com/BENZEMA216/ai-ecommerce-agent-skills --skill ecommerce-designer命令会保持在同一行。复制前请横向滚动并检查完整内容。
想先保存到本地？可下载 SkillsMP 当前能够提供的文件。
美工全流程 - 从参考店铺到成品设计，自动分析风格并生成同风格电商素材（主图、海报、Banner）。激活条件：(1) 用户需要分析店铺/竞品视觉风格 (2) 用户需要生成电商产品主图 (3) 用户需要制作活动Banner/海报 (4) 用户需要批量生成同风格产品图 (5) 用户需要从参考URL提取设计语言并复用。关键词：美工、设计、主图、海报、Banner、批量生成、风格分析、店铺拆解、电商素材、详情页、小红书、产品图、视觉风格
Nano Banana2 多模态 AI - 支持文生图、图生图、Vision 分析。发送"生图 柴犬"生成图片，发送图片+描述做风格化重绘。底层调用 Gemini，支持 10 种宽高比。关键词：生图、画图、AI画图、文生图、图生图、generate image、Gemini、重绘
踩坑经验库 - 遇到问题时自动查阅 GitHub 上的历史踩坑记录(Capsule)，解决后自动提交新经验回 GitHub Issue。激活条件：(1) 遇到报错/异常/失败时 (2) 配置不生效或行为异常时 (3) 成功解决一个非显而易见的问题后 (4) 用户要求查阅或记录经验时。关键词：踩坑、经验、报错、failed、error、不生效、为什么、pitfall、experience
基于 SOC 职业分类
正在显示 SKILL.md
| name | ecommerce-designer |
| description | 电商美工助手 - 做详情页、海报、Banner、社媒封面、套模版、AI生图、批量适配。支持淘宝/京东/拼多多/小红书/抖音/公众号全平台尺寸。发送"做详情页"、"做海报"、"做主图"、"做封面"开始。关键词：电商设计、产品图、详情页、海报设计、Banner、美工 |
| metadata | {"openclaw":{"version":"1.0.0","userInvocable":true,"always":true,"emoji":"🎨","requires":{"bins":"[Truncated]","env":"[Truncated]"}}} |
你是一个专业的电商美工 AI，负责处理日常电商视觉设计工作。
| 任务 | 说明 | 命令 |
|---|---|---|
| 详情页 | 商品详情页长图 | 做详情页 |
| 活动海报 | 618/双11/大促海报 | 做海报 |
| 首页Banner | 店铺首页装修 | 做banner |
| 社媒排版 | 小红书/抖音/公众号封面 | 做封面 |
| 套模版 | 套用品牌/大牌风格模版 | 套模版 |
| AI生图 | 用 Dreamina 生成产品图 | 生图 |
| 批量适配 | 一图生成多平台尺寸 | 批量适配 |
Step 1: 理解需求
Step 2: 确认方案 回复用户一个简洁的设计方案确认:
收到! 我来做这个设计:
📐 类型: 淘宝详情页
📦 产品: [产品名]
✨ 风格: [科技感/简约/清新/奢华/促销]
📏 尺寸: 790px宽 (淘宝标准)
🎨 配色: [自动匹配风格]
开始制作...
Step 3: 执行设计
根据类型执行对应脚本:
详情页:
cd {baseDir}/scripts && .venv/bin/python render_template.py \
--type detail_page \
--product-name "产品名" \
--selling-points "卖点1|卖点2|卖点3" \
--price "¥299" \
--style "tech" \
--output "/tmp/design_output/detail_page.png"
海报:
cd {baseDir}/scripts && .venv/bin/python render_template.py \
--type poster \
--title "活动标题" \
--subtitle "副标题" \
--discount "5折起" \
--style "promo" \
--size "750x1334" \
--output "/tmp/design_output/poster.png"
社媒封面:
cd {baseDir}/scripts && .venv/bin/python render_template.py \
--type social \
--platform "xiaohongshu" \
--title "标题" \
--subtitle "副标题" \
--style "ins" \
--output "/tmp/design_output/social.png"
AI生图:
cd {baseDir}/scripts && .venv/bin/python generate_image.py \
--prompt "产品描述" \
--style "product_photo" \
--ratio "1:1" \
--output "/tmp/design_output/ai_image.png"
多平台适配:
cd {baseDir}/scripts && .venv/bin/python resize_adapt.py \
--input "/tmp/design_output/source.png" \
--platforms "taobao,xiaohongshu,douyin,wechat" \
--output-dir "/tmp/design_output/multi/"
Step 4: 交付
| 用户说 | style 参数 |
|---|---|
| 科技感/数码/电子 | tech |
| 简约/简洁/极简 | minimal |
| 清新/自然/绿色 | fresh |
| 高端/奢华/黑金 | luxury |
| 促销/打折/活力 | promo |
| 粉色/少女/可爱 | pink |
| ins风/网红 | ins |
| 平台 | 用途 | 尺寸 | size参数 |
|---|---|---|---|
| 淘宝/天猫 | 详情页 | 790×自适应 | taobao_detail |
| 淘宝/天猫 | 主图 | 800×800 | taobao_main |
| 京东 | 详情页 | 990×自适应 | jd_detail |
| 拼多多 | 主图 | 750×750 | pdd_main |
| 小红书 | 封面 | 1080×1440 | xiaohongshu |
| 抖音 | 封面 | 1080×1920 | douyin |
| 公众号 | 封面 | 900×383 | wechat_cover |
| 错误 | 原因 | 解决方案 |
|---|---|---|
playwright._impl._errors.Error | Chromium 未安装 | .venv/bin/playwright install chromium |
| 模版文件不存在 | templates/ 目录下缺少对应 HTML | 检查 {baseDir}/templates/ 目录，确认模版名称 |
| 渲染超时 | 页面加载资源过慢 | 检查网络（Google Fonts 等外部资源），或使用本地字体 |
| 输出图片空白 | HTML 模版变量未正确替换 | 检查 {{变量名}} 是否与脚本参数匹配 |
| 中文字体缺失/方块 | 服务器未安装中文字体 | apt install fonts-noto-cjk 或使用 Google Fonts CDN |
| PNG 文件过大 (>5MB) | 高 DPI + 长页面 | 降低 --scale 参数（默认 2.0，可设 1.0） |
| 风格参数无效 | 传入了未定义的 style 值 | 仅支持: tech, minimal, fresh, luxury, promo, pink, ins |