本文へ移動
cccskills
無料GitHub で公開

ecom-details-image

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

インストール方法を見る

含まれるファイル(33)

  • SKILL.md7.5 KB
  • .env.example469 B
  • EASEL-META.md1.5 KB
  • references/campaign-style-lock.md2.7 KB
  • references/image-gen-rules.md5.3 KB
  • references/pdp-sequences.md11.8 KB
  • references/templates.md2.6 KB
  • references/templates/01-hero-image.json2.4 KB
  • references/templates/02-lifestyle-scene.json2.7 KB
  • references/templates/03-flat-lay.json2.6 KB
  • references/templates/04-detail-macro.json2.6 KB
  • references/templates/05-poster-banner.json2.8 KB
  • references/templates/06-social-media.json3.0 KB
  • references/templates/07-ugc-style.json3.9 KB
  • references/templates/08-model-showcase.json3.1 KB
  • references/templates/09-before-after.json2.4 KB
  • references/templates/10-packaging.json2.5 KB
  • references/templates/11-infographic.json2.5 KB
  • references/templates/12-creative-concept.json2.4 KB
  • references/templates/13-size-spec.json2.5 KB
  • references/templates/14-multi-product.json2.4 KB
  • references/templates/15-livestream.json3.3 KB
  • references/templates/16-try-on-virtual.json2.6 KB
  • references/templates/17-exploded-view.json2.7 KB
  • references/templates/18-ghost-mannequin.json2.8 KB
  • references/templates/19-multi-angle-grid.json2.6 KB
  • references/templates/20-magazine-editorial.json3.0 KB
  • references/templates/21-seasonal-campaign.json2.6 KB
  • references/templates/22-luxury-atmospherics.json2.7 KB
  • references/templates/23-device-mockup.json2.8 KB
  • references/templates/24-storefront.json2.7 KB
  • references/templates/25-sports-campaign.json2.7 KB
  • scripts/generate_image.py18.3 KB

SKILL.md(原文)

インストールする前に、エージェントに与えられる指示の中身を確認できます。

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)

直接生图走 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/builtin/ecom-details-image/scripts/generate_image.py --prompt "..." --size 1:1 --resolution 2k
python3 skills/builtin/ecom-details-image/scripts/generate_image.py --prompt-file prompt.txt --output-dir outputs
python3 skills/builtin/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)。

生图规则:

  1. 先输出最终 Prompt,再调脚本。短 Prompt 用 --prompt,长 Prompt 用 --prompt-file。
  2. 根据平台选 --size,没要求时默认 1:1。
  3. 缺少 IMG_API_KEY 等配置时不要调用脚本,只输出完整 Prompt 包 + 配置命令示例,说明需要在 .env 里配置什么,交给用户自行运行。
  4. 如果 API/模型不支持某尺寸,改用最接近的支持尺寸并说明。

QA 检查(输出前逐条确认)

  • Prompt 符合用户真实目标,已匹配正确场景模板并基于其 prompt_template 组装。
  • Prompt 简洁、只含核心信息,主体/构图/风格/用途明确。
  • 商品/营销任务包含转化驱动力诊断;证据缺失时不虚构效果、认证、数据、评分、销量、评价或授权。
  • 已应用文生图铁律:hex 颜色、数字占比、显式留白、否定清单、平台预留空间(详见 references/image-gen-rules.md)。
  • UGC/直播/社媒场景已应用 anti-AI 技巧(模板的 anti_ai_tips 字段)。
  • 多图任务:每张以同一段 Campaign Style Lock 开头;已分配不同角度和景别,无连续 3 张相同角度,全景图占比 ≤ 40%。
  • 详情页图片必须是电商信息图格式(含标题、图标、标签、利益点、步骤或信任徽章),每张详情页 Prompt 以 E-commerce infographic 开头,不是单纯多角度产品照片。
  • 图内文字短且必要;有用户参考图时已传 --image;负面约束覆盖常见失败点。
  • 输出和文件里没有 API key 或私密凭据。
  • 提醒用户出图后放大 200% 逐字核对中文笔画。

输出格式

Brief / Prompt 模式返回:

  1. 匹配模板(模板文件名 + 场景类型)
  2. Visual Brief
  3. Final Image Prompt
  4. Negative Constraints
  5. Assumptions

商品或营销任务追加:Conversion Driver Diagnosis、Campaign Style Lock(多图时)、Hero Image Sequence(标注每张对应模板)、PDP Detail Image Sequence(涉及详情页/PDP/整套商品图时)、Copy Lines(需要文字时)、Test Priorities。

Generate 模式返回:

  1. 匹配模板(模板文件名 + 场景类型)
  2. Final Image Prompt
  3. Campaign Style Lock(多图任务必须返回)
  4. Image Pack Plan(每张图的编号、用途、尺寸、对应模板和短文案)
  5. Generated Files
  6. Assumptions / Notes

レビュー

まだレビューはありません。使ってみた感想をお寄せください。

同じリポジトリのスキル

概要と使いどころ

通用 AI 生图:文生图 / 图生图 / 图像变体。当用户说 AI 生图、AI 画图、文生图、图生图、生成图片、生成配图、图像生成、AI 出图、AI 作图、换图、改图、图像编辑、给我画一张、生成一张图 时使用。支持 OpenAI 兼容 API 与 apimart 异步 API,用户自备 API key。

日本語の概要は準備中です。原文の説明を表示しています。

ZJU-REAL/Easel3,5652026年10月12日 更新

ai-music

無料

AI 音乐 / BGM 生成:给短视频、社媒内容生成原创背景音乐 / 配乐 / 纯音乐。通过可插拔 provider(阿里 DashScope / Suno 类第三方 API)文生音乐,异步提交→轮询→下载,产物可再裁剪/归一化或加到视频。当用户说“AI 音乐”“AI 配乐”“生成 BGM”“背景音乐”“原创音乐”“AI 作曲”“纯音乐”“给视频配乐”“做首曲子”时使用。与 tts-voiceover 的区别:tts-voiceover 生成人声口播/旁白,ai-music 生成背景音乐/配乐(无人声或带演唱)。

日本語の概要は準備中です。原文の説明を表示しています。

ZJU-REAL/Easel3,5652026年10月12日 更新

AI 视频生成:文生视频 / 图生视频 / 数字人首帧驱动。通过可插拔 provider(通义万相 Wan / 火山 Seedance / 快手可灵 / OpenAI 兼容)异步生成视频,用户自备 API key。当用户说 AI 视频生成、文生视频、图生视频、AI 生成视频、AI 短视频、让图片动起来、数字人视频、生成一段视频 时使用。与 video-strategy(选型/策略)、video-editing(剪辑处理)、clipify(切片)区别:本 SKILL 是从 0 用 AI 生成新视频。

日本語の概要は準備中です。原文の説明を表示しています。

ZJU-REAL/Easel3,5652026年10月12日 更新

outputs/ 目录下的产物管理:按日期/平台/类型归档、打标签、搜索历史内容、生成素材清单。 当用户说"整理素材"、"归档"、"找之前的内容"、"搜索历史"、"素材管理"、 "outputs 整理"、"之前做的"时使用。 与其他 produce 层 SKILL 的区别:produce 层负责生成内容, asset-manager 负责生成后的产物管理(归档、检索、标签)。

日本語の概要は準備中です。原文の説明を表示しています。

ZJU-REAL/Easel3,5652026年10月12日 更新

音频降噪:去除录音中的背景噪声、电流声、风噪、嗡嗡声,基于 ffmpeg 滤镜链(afftdn/highpass/lowpass)。 当用户说"降噪""去噪""去杂音""消除背景噪声""电流声""风噪""录音有杂音""音频降噪"时使用。 和 audio-editing 的区别:audio-editing 做剪辑/转码/音量等通用音频操作(内置 denoise 兜底),本 SKILL 专做降噪调参。

日本語の概要は準備中です。原文の説明を表示しています。

ZJU-REAL/Easel3,5652026年10月12日 更新

通用音频处理:音频剪辑/裁剪、格式转码(mp3/wav/m4a/aac)、音量归一化、从视频提取音轨、多段拼接、淡入淡出、变速(保音高)。当用户说“剪音频”“裁一段”“转成 mp3”“调音量/响度”“提取音轨/扒音频”“拼接音频”“淡入淡出”“加速/减速音频”“变速不变调”时使用。与 audio-denoise 的区别:audio-denoise 专做降噪,audio-editing 做除降噪外的通用音频操作(也内置 denoise 作为兜底)。

日本語の概要は準備中です。原文の説明を表示しています。

ZJU-REAL/Easel3,5652026年10月12日 更新

ZJU-REAL のスキルをすべて見る

このスキルの問題を報告する