>- 生成电商商品视觉方案:主图概念、场景图、详情页视觉方向和 AI 生图 Prompt。 当用户说"商品主图""详情页视觉""电商配图方案""商品场景图""带货视觉""产品视觉方向""详情页设计"时使用。 本 SKILL 出视觉方案+生图 Prompt(策划);实际抠白底图用 remove-bg,实际生成图片用 ai-image-gen。
npx skills add https://github.com/ZJU-REAL/Easel --skill ecom-details-image
当用户需要视觉策略、图片 Prompt、商品主图、营销图、社媒图、广告图、电商 PDP 视觉,或要求直接 AI 生图时,使用这个 Skill。
两种模式:
scripts/generate_image.py。> 审美方向对齐 card-design:详情页信息图 / 营销图的视觉方向遵守同一套去 AI 廉价感原则——禁蓝紫科技渐变、禁 emoji 当图标、字大字细、留白克制、填满不空。把这些写进 Prompt 的正向/否定约束里(本 SKILL 出 t2i Prompt,非 HTML 渲染,故是"审美方向"层面对齐,不走 render_card)。
不要暴露、索要、写入、提交或回显真实 API key。使用者必须通过自己的环境变量配置 API。
| 文件 | 内容 | 何时读 |
|---|---|---|
| references/templates.md | 25 个场景模板匹配表、使用方式、风格变体速查 | 判断场景类型、匹配模板时 |
| references/templates/*.json | 具体场景模板(prompt_template/variants/category_tips/anti_ai_tips) | 只读匹配到的那一个 |
| references/image-gen-rules.md | 通用 Prompt 结构、文生图铁律、精简原则、Anti-AI 技巧、翻车点防护 | 写每一条 Prompt 时 |
| references/campaign-style-lock.md | 多图任务的 Campaign Style Lock 规则与默认模板 | 任务含多张图时 |
| references/pdp-sequences.md | 转化驱动诊断、主图/详情页序列、多角度镜头、详情页信息图结构、字体搭配 | 商品图/详情页/PDP 任务时 |
references/templates.md 匹配模板。references/templates/ 读取匹配到的那一个 JSON,取 prompt_template、variants、category_tips 作为 Prompt 基础结构。references/campaign-style-lock.md 建立 Campaign Style Lock,锁定整套图的色板、冷暖调、字体、背景、光线、布局和图标风格。references/image-gen-rules.md 写出可执行图片 Prompt(保持简洁,逐条对照铁律);多图任务必须把同一段 Campaign Style Lock 原样放进每张 Prompt。references/pdp-sequences.md 先做转化驱动力诊断,再排序列。references/pdp-sequences.md)。scripts/generate_image.py;用户提供参考产品图时传入 --image。10. 返回 Prompt、生成文件路径和关键假设。
任何视觉任务优先确认:目标、用途(主图/广告图/社媒图/Banner/PDP 模块/缩略图等)、主体、受众与语境、风格、构图与比例、是否需要图内文字、负面约束。缺少非关键字段时,明确假设后继续,不要无谓阻塞。
直接生图走 apimart.ai 图像生成接口(模型由 IMG_MODEL 指定,model-agnostic,异步轮询);也可改用统一生图入口 skill ai-image-gen。优先在 .claude/skills/ecom-details-image/ 放 .env,不要把真实 API key 写进仓库:
IMG_BASE_URL=https://api.apimart.ai/v1
IMG_MODEL=gpt-image-2
IMG_API_KEY=your-api-key
脚本兼容别名:OPENAI_BASE_URL、OPENAI_API_BASE、OPENAI_IMAGE_MODEL、OPENAI_MODEL、OPENAI_API_KEY。
调用形状:
python3 skills/openclaw/ecom-details-image/scripts/generate_image.py --prompt "..." --size 1:1 --resolution 2k
python3 skills/openclaw/ecom-details-image/scripts/generate_image.py --prompt-file prompt.txt --output-dir outputs
python3 skills/openclaw/ecom-details-image/scripts/generate_image.py --env-file .env --image product.jpg --prompt-file prompt.txt
参数:--prompt / --prompt-file;--output-dir(仅用户指定时用,否则 generated-images/);--size(比例格式,14 种,如 1:1/16:9/2:3/4:5,默认 1:1);--resolution(1k/2k/4k,默认 2k,4K 仅限 6 个宽幅比例);--image(参考产品图路径,对保证产品外观准确非常有效);--poll-interval(默认 5);--timeout(默认 180);--format(默认 png)。
生图规则:
--prompt,长 Prompt 用 --prompt-file。--size,没要求时默认 1:1。IMG_API_KEY 等配置时不要调用脚本,只输出完整 Prompt 包 + 配置命令示例,说明需要在 .env 里配置什么,交给用户自行运行。prompt_template 组装。references/image-gen-rules.md)。anti_ai_tips 字段)。E-commerce infographic 开头,不是单纯多角度产品照片。--image;负面约束覆盖常见失败点。Brief / Prompt 模式返回:
商品或营销任务追加:Conversion Driver Diagnosis、Campaign Style Lock(多图时)、Hero Image Sequence(标注每张对应模板)、PDP Detail Image Sequence(涉及详情页/PDP/整套商品图时)、Copy Lines(需要文字时)、Test Priorities。
Generate 模式返回:
Take zju-real/ecom-details-image from the repository into ~/.claude/skills for personal
use, or into .claude/skills inside a project.
The agent identifies a skill by the name field in its header. Two skills with the
same name cannot sit side by side — one of them will be ignored.