Skills

Ecom Details Image

生成电商商品视觉方案:主图概念、场景图、详情页视觉方向和 AI 生图 Prompt。...

Install

npx skills add ZJU-REAL/Easel --skill ecom-details-image -g -a claude-code -y
Repository
ZJU-REAL/Easel4.3k
Category
AI and agents
Updated
3d ago
License
Apache-2.0
Context cost
Lightabout 1,066 tokens
Runs scripts
Yes, review before use

What it does

生成电商商品视觉方案:主图概念、场景图、详情页视觉方向和 AI 生图 Prompt。 当用户说"商品主图""详情页视觉""电商配图方案""商品场景图""带货视觉""产品视觉方向""详情页设计"时使用。 本 SKILL 出视觉方案+生图 Prompt(策划);实际抠白底图用 remove-bg,实际生成图片用 ai-image-gen。

ecom-details-image Skill

当用户需要视觉策略、图片 Prompt、商品主图、营销图、社媒图、广告图、电商 PDP 视觉,或要求直接 AI 生图时,使用这个 Skill。

两种模式:

  1. Brief / Prompt 模式:只输出视觉简报和可执行图片 Prompt。
  2. Generate 模式:当用户明确要求"生图、生成图片、出图、render image"时,先输出最终 Prompt,再调用 scripts/generate_image.py。

审美方向对齐 card-design:详情页信息图 / 营销图的视觉方向遵守同一套去 AI 廉价感原则, , 禁蓝紫科技渐变、禁 emoji 当图标、字大字细、留白克制、填满不空。把这些写进 Prompt 的正向/否定约束里(本 SKILL 出 t2i Prompt,非 HTML 渲染,故是"审美方向"层面对齐,不走 render_card)。

不要暴露、索要、写入、提交或回显真实 API key。使用者必须通过自己的环境变量配置 API。

References(按需加载,不要一次性全读)

文件内容何时读
references/templates.md25 个场景模板匹配表、使用方式、风格变体速查判断场景类型、匹配模板时
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 任务时

核心流程

  1. 判断视觉任务类型和场景 → 读 references/templates.md 匹配模板。
  2. 从 references/templates/ 读取匹配到的那一个 JSON,取 prompt_template、variants、category_tips 作为 Prompt 基础结构。
  3. 只收集会实质影响图片结果的缺失信息(见下方最小输入)。
  4. 构建视觉简报。
  5. 多图任务:先按 references/campaign-style-lock.md 建立 Campaign Style Lock,锁定整套图的色板、冷暖调、字体、背景、光线、布局和图标风格。
  6. 按 references/image-gen-rules.md 写出可执行图片 Prompt(保持简洁,逐条对照铁律);多图任务必须把同一段 Campaign Style Lock 原样放进每张 Prompt。
  7. 商品图/详情页/营销图:按 references/pdp-sequences.md 先做转化驱动力诊断,再排序列。
  8. 用户要求电商详情页 / PDP / 主图堆栈 / 整套商品图时,默认输出 5 张主图 + 7-9 张详情页图片 的图片包(详情页每屏必须是电商信息图格式,见 references/pdp-sequences.md)。
  9. 用户要求直接出图 → 调用 scripts/generate_image.py;用户提供参考产品图时传入 --image。
  10. 返回 Prompt、生成文件路径和关键假设。

最小输入

任何视觉任务优先确认:目标、用途(主图/广告图/社媒图/Banner/PDP 模块/缩略图等)、主体、受众与语境、风格、构图与比例、是否需要图内文字、负面约束。缺少非关键字段时,明确假设后继续,不要无谓阻塞。

生图脚本调用(scripts/generate_image.py)

Read the whole SKILL.md on GitHub

More in AI and agents