做过淘宝、京东、小红书电商的朋友，大概率都经历过这种折磨：

做图最耗时间的，往往不是打开软件作图的那一刻，而是前期梳理图片逻辑的阶段。

首图到底该突出价格还是核心功效？第二张图是展示使用场景，还是死磕核心卖点？详情页第一屏怎么承接流量？

每次做新链接，这些逻辑都要在脑子里重新盘一遍。

这两天我给 Codex 编程助手装了一个非常适合电商运营和设计师的技能包（Skill），名字叫 ecom-details-image。

它不是那种只会敷衍你一句“生成一张高级感产品图”的简单 Prompt 工具，而是把电商视觉设计拆解成了一套标准的工业化流程。

说白了，它更像是一个懂转化率的“电商视觉策划助手”。

一、 为什么普通生图 Prompt 很难直接用于电商？

平时我们常用的生图提示词往往是这样的：“生成一张高端护肤品主图，白色背景，紫色点缀，干净，真实摄影。”

这种提示词确实能画出一张好看的图，但它只解决了“画面好不好看”，没解决“这张图能不能卖货”。

电商视觉的核心逻辑在于：在极短的时间内，让用户看懂产品、记住购买理由，并产生点击或往下滑动的欲望。

ecom-details-image 的逻辑是把单张图片任务拆解为一整套视觉叙事，从首图的注意力抢夺，到卖点图、细节图、场景图的层层递进，最后用促销图促成转化。

二、 它能帮你搞定哪些视觉场景？

这个工具覆盖的电商场景非常全面，基本涵盖了日常运营的方方面面：

• 商品主图：白底图、利益点主图、价格促销图、活动入口图。
• 商品详情页：首屏承接、痛点放大、机制解释、核心利益、使用步骤、场景覆盖、对比选择、信任背书、FAQ。
• 社媒与广告素材：小红书种草封面、TikTok Shop 视频配图、Instagram 广告 Banner。

比如你给它一个任务：“产品是低泡洁面乳，想做淘宝主图和详情页，参考紫白护肤品电商图风格。”

它会为你规划一套完整的视觉方案：5 张主图 + 9 张详情页图，并标明每张图的画幅、短文案和生图 Prompt。

三、 核心机制：用 Style Lock 解决“风格漂移”

在多图生成任务中，最让人头疼的就是风格不统一。

第一张图是冷淡白紫风，第二张图突然变成了香槟金，第三张图又跑偏成了蓝色科技风。单张看都不错，拼在一起像个杂货铺。

ecom-details-image 引入了一个非常实用的机制：Campaign Style Lock（企划风格锁）。

它会在生成前锁定色板、冷暖调、背景系统、光线系统、布局比例等关键视觉因子。

以这次参考的紫白护肤品主图为例，风格锁会自动设定：

- 锁定色值：#FFFFFF、#5B2BBF、#2D2D2D、#F4F0FF
- 构图比例：产品占画面 35%-40%，保留至少 45% 留白
- 视觉元素：紫色卖点区、价格区、白底产品图
- 光影风格：柔和棚拍光线
- 禁用项：禁止随机背景、禁止混用字体、禁止出现真实品牌 Logo 与水印

这段风格锁会被自动置入到每一张图的 Prompt 头部，确保整套图的视觉调性高度一致。

四、 智能判断产品的转化驱动力

这个工具最让我惊喜的地方，在于它会先分析产品的转化逻辑，而不是盲目套模板。

对于美妆、饰品等视觉驱动型产品，它会重点突出外观和质地特写；对于清洁用品等痛点驱动型产品，它会遵循“放大痛点 -> 给出方案 -> 建立信任”的逻辑；而对于香氛等情感价值型产品，则会重点渲染使用时的情绪共鸣。

五、 实战演示：如何快速生成全套主图与详情页

如果你想快速生成一组主图，可以尝试这样输入：

输入指令：

用 ecom-details-image 为这个产品生成 5 张电商主图 Prompt。

产品：低泡温和洁面乳

平台：淘宝

受众：敏感肌、学生党、通勤女性

卖点：低泡温和、洗后不紧绷、洁净舒缓、150g 大容量、活动到手价 79

参考风格：紫白色护肤品电商主图，强标题、强价格区、白底产品图

图片比例：1:1

需要图中文字：需要，中文短文案

它会把 5 张主图拆解为递进的销售叙事：

如果需要生成详情页，建议将长图拆成独立屏幕进行规划，这样更容易控制画面细节和文字排版：

六、 想要直接出图，该如何配置环境？

ecom-details-image 支持两种工作模式：

1. Prompt 模式：无需配置API Key，它只输出图片规划和 Prompt，你复制到 Midjourney 或 Stable Diffusion 中生图。
2. Generate 模式：配置 API 接口后，可以直接在工具内调用图片模型生成预览图。

在工具中，配置时主要关注三个字段：Base URL、Key 和 Model。

七、 避坑指南：如何让输出结果更具可用性？

很多人抱怨 AI 生成的电商图没法用，通常是因为输入的需求太宽泛。

“帮我做一张高级感洁面乳主图”这种模糊的愿望，模型只能靠猜。

想要拿到高可用性的稿子，建议遵循以下实操工作流：

1. 先规划，后出图：第一步只让工具输出图片包结构规划，核对 5 张主图和 8 张详情页的逻辑是否通顺。
2. 合规性审查：电商图片最忌讳虚假宣传和极限词。检查规划中的文案，去掉“全网第一”等无资质支撑的表述。
3. 锁定视觉规范：在批量生图前，务必确认好 Style Lock 的颜色、产品占比和留白比例。
4. 单张测试：不要一上来就生成十几张图。先试着生成首图和核心卖点图，微调 Prompt 达到预期后，再批量跑完剩下的图。
5. 人工校对文字：AI 生成的图片中，中文笔画和复杂英文字符极易出错，上线前必须由人工进行二次精修和校对。

八、 总结与万能配置模板

从今天起，做电商图可以换一种更高效的思路：

先用 ecom-details-image 技能把主图、详情页的视觉结构、文案逻辑和风格锁规划出来，再用参考图进行视觉校准。

这样策划出来的视觉方案，能紧紧贴合你的产品卖点和转化目标，而不是盲目模仿竞品。

如果你想立刻上手尝试，可以直接复制并填写下面这套万能模板：

用 ecom-details-image 为我的产品生成电商图片方案。
- 产品名称：
- 投放平台：
- 目标人群：
- 核心卖点：
- 价格/活动信息：
- 视觉参考风格：
- 主图张数（比例）：
- 详情页张数（比例）：
- 是否需要图中文字：
- 是否直接出图：
- 限制与避坑项（如不出现特定Logo）：

你也可以在发送模板的同时，附带一张产品实拍图给 Codex，并备注：“请基于此图保持产品包装外观一致，参考图仅作为视觉风格参考。”