AI 视觉系统实战手册（初阶版）

• GitHub：nicolasyxw999/nanyin-ecommerce-kv

用 AI 制作一套电商详情图，可以按“整理商品资料 → 规划逐页构图 → 试做首图 → 逐张生成 → 检查修图 → 导出交付”完成。 这篇教程适合已有商品资料的商家、设计师和内容创作者，提供 Codex 安装与调用示例、WorkBuddy 导入方法、可复制提示词和图片验收清单，帮助你完成独立详情图、总览及长图交付准备。

主要限制： 技能本身不提供生图模型，能否生成取决于当前工具和权限。本文案例是概念视觉，不能证明保温杯实物性能或软件效果；WorkBuddy 部分依据官方文档整理，未做实机安装与生图验证。

第一次练习，先选一个单品、一个颜色和一类受众。八张图分别讲商品识别、场景、操作、记录回顾和外观，避免连续使用“杯子配大标题”的同一版式。每张先分配内容，再生成画面。

下文有 3 张实际过程截图、8 张后续概念样稿、1 张总览和 2 张教学图，共 14 幅配图。截图记录早期 10 张版本，逐页分析使用后续 8 张品牌版。手机界面是制图时设计的展示方案，不是软件截图；原任务中用户确认 AI 功能已实现，但图片制作没有独立验证软件、实物和平台显示。

图 1｜先看整套。主视觉、办公人物、手机操作、总结界面、会议场景、居家使用、微距和功能概览，分别承担不同的讲解任务。

零、先安装技能：Codex 和 WorkBuddy 分别怎么做

本案例使用的电商技能叫 nanyin-ecommerce-kv，显示名为“南殷电商视觉系统”。它负责整理商品资料、规划构图、编写提示词，再按当前工具能力生成图片。

技能包领取：关注公众号「南殷用AI」，回复【电商技能】，即可领取本篇初阶版技能包。

• GitHub：nicolasyxw999/nanyin-ecommerce-kv

正文里的提示词可以直接复制使用，不需要下载配套文档。 有生图工具的聊天环境，可以直接从后面的“第1步”开始。技能主要帮你复用整理资料、规划构图和检查图片的流程。

如果你已经有 nanyin-ecommerce-kv 技能包，可按下方方法安装；没有技能包，也能按照本文的完整步骤练习。

技能包应包含 SKILL.md 和它引用的参考模板，不能只复制一个入口文件。安装后还要检查当前聊天有没有生图工具。

在 Codex 中安装与检查

已有技能包时，把它上传给 Codex，再发送：

请安装附件中的 nanyin-ecommerce-kv 技能包，供本机 Codex 使用。
先解压检查 SKILL.md、agents 和 references 是否完整，
再安装到当前环境实际使用的个人技能目录。
如果已有同名技能，先比较版本并保留原文件备份，不直接覆盖。
完成后报告安装路径、技能名称和引用文件是否齐全。
这一步只安装，不生成商品图片。

这是让 Codex 执行本地安装的自然语言指令，不是终端命令。安装后新开一轮聊天；若列表里还看不到技能，可重启 Codex。支持技能选择器的界面也可以从选择器点选，或在提示中明确写出技能名。官方说明了技能目录结构、显式调用和自动发现方式，见 OpenAI 技能文档。

• OpenAI 技能文档

发送这段话检查是否装好：

请使用 $nanyin-ecommerce-kv。
先确认你读到了该技能及 references/paste-templates.md，
再告诉我当前聊天是否有可用的图片生成和编辑工具。
先不要生成图片；只报告可用能力，并给出商品资料填写入口。

应能看到技能名称、资料清单和工具能力说明。只有“我可以帮你”不够，要让它确认实际读到了技能。若能读技能却没有生图工具，仍可完成规划和提示词，但这轮不能算已出图。

在 WorkBuddy 中导入与调用

桌面端按下面的顺序操作：

1. 进入左侧 专家·技能·连接器 → 技能。 2. 选择 添加技能 → 上传技能，导入你已有的技能包。 3. 在“已安装”里找到该技能，确认已启用；新建任务时选用它。 4. 附上商品图或资料，在对话里点名调用，再确认当前任务有无生图工具。

自行提供的包走“上传技能”；官方的对话搜索安装面向技能市场中的条目。以上入口来自 WorkBuddy 官方技能说明。本次核对了文档，未在 WorkBuddy 中实际导入或生成验收，界面名称以所用版本为准。

• WorkBuddy 官方技能说明

WorkBuddy 里可以复制这段，不必照搬 Codex 的 $ 语法：

请使用已安装的 nanyin-ecommerce-kv（南殷电商视觉系统）。
先确认技能及参考模板已加载，检查当前任务的生图和编辑能力。
有生图工具，就按后续资料完成规划并逐张出图；
没有生图工具，就交付完整的构图表和逐张提示词，并明确未生成图片。
这一步先给我商品资料填写入口，不开始生成。

若上传失败，先检查解压后是否只有一层技能文件夹、其中是否有 SKILL.md，以及模板文件是否齐全。不要把整篇文章、案例图片和多个技能混装成一个技能包。

上手实操：对着三张截图完成第一轮

下面三张是用户提供的实际过程截图，按原样保留。截图记录的是早期 10 张版本；正文拆解的是后续 8 张品牌版。 早期图里的双语、小卡片和按钮等设计后来做过调整，不作为最终要求。截图上的耗时也只属于那次运行，不是速度承诺。

每一步分成“怎么输入、得到什么、检查什么”。标为“原输入”的内容来自截图可见部分；“练习输入”是为了让新手照做而补全的教学版本，并非历史聊天原文。建议在同一个聊天里连续完成，保留前面的资料和已通过图片。完整练习提示词已放在每一步下方，直接从正文复制即可。

第 1 步：把商品资料一次说清楚

准备： 有实物就附正面、侧面和细节照；没有产品图，先明确允许设计概念款。Logo 单独附原文件，不让模型凭品牌名猜标识。

截图可见的原输入节选：

品牌名称：南殷
产品名称及规格：
南殷AI保温杯｜个人饮水习惯助手
容量、材质、保温性能、续航及连接方式待确认。

实操截图 A｜上方是资料入口，下方是用户填写的信息。截图下沿未展示完整输入，下面另给出可直接练习的版本。

练习输入： 复制下文即可开始；装过技能时可同时选用它。换成自己的商品时，要同步替换品牌、卖点和文案。

请按下面的资料整理商品信息和出图方案，不立即生成。
如果已安装 nanyin-ecommerce-kv，可调用它完成这一步；未安装也按以下要求执行。

本次是概念视觉练习，允许设计一只暖白色、圆柱形、无把手的概念保温杯。
品牌：南殷。产品：南殷AI保温杯｜个人饮水习惯助手。
目标人群：办公和居家办公人群，希望减少反复设置饮水偏好的操作。
概念展示方向：根据饮水记录与作息调整提醒、自然语言设置饮水偏好、每周记录回顾。
这些是本次概念展示需求，不作为实物或软件实测结论。
容量、材质、保温时长、续航、连接协议和防漏性能均未提供，不写进图片。
日历连接先不纳入这轮练习。

画面采用温和科技风，暖白底、深蓝文字、少量暖橙强调，中文文案。
场景为办公和居家。计划8张独立3:4竖图。
先给我商品信息整理、一个视觉方向和8张构图表。
每张只讲一个重点，相邻页改变景别、主体或阅读路线。
没有Logo附件时不要自行生成近似品牌Logo，先使用普通品牌文字。

应得到： 整理后的商品卡、缺项记录、风格建议和 8 张分工表。检查它有没有偷偷补出容量、材质或“已验证”的性能；再看两张相邻图是否仍是同样大小的杯子加手机。通过后再进入出图。

第 2 步：先出一张，看产品和风格是否合适

截图可见的原输入：

按这套方案，先生成第1张主KV海报看看效果，杯身先用你设定的暖白色概念款。

实操截图 B｜用户只授权先试一张。这里是早期首图，后续调整了配色、标识和版式，不要求新生成结果与它相同。

练习输入：

按刚才的方案，先只生成第1张主视觉，不继续其余7张。
使用刚确认的暖白色概念杯，3:4竖版，中文文案。
杯子是画面主角，完整展示杯形和杯盖，放在柔和窗光下的简洁台座上。
顶部留出标题空间，这页不需要手机和功能卡片。
主标题：忙碌有节奏，喝水也有。
辅助文案：南殷AI保温杯｜个人饮水习惯助手。
底部按本项目要求写：概念效果图，以实物为准。
不出现未知参数、购买按钮或跳转链接。
生成后保存原图，报告实际文件尺寸，并告诉我哪些项目尚未检查。

应得到： 一张独立原图，以及实际尺寸和检查说明。先核对杯形、光线和大标题；不满意就指出一个具体问题，例如“杯盖太高，只修改杯盖比例”，不要用“再高级一点”让模型重猜整张图。

第 3 步：逐张做完，再生成总览

首张通过后，先授权继续出图：

第1张的杯形、配色和光线可以采用。
请按8张构图表继续生成第2至第8张，每次生成一张独立图片。
首图只作为商品外观和风格参考，后续每张重新设计构图。
只使用这轮已确认的概念展示内容，不添加日历连接、未知参数或新硬件。
如果我附了商品原图或Logo，每张继续以原附件为依据。
中断后先检查已有文件，不重复生成已完成图片。
完成后按编号保存，并给出文件清单；单张有问题时记录具体问题。

等独立图片齐了，再要总览。截图中的原输入是“生成一张10张的整体视图”，随后用户指出“好像布局都一样”。

实操截图 C｜总览把重复的问题放到了一屏里。早期10张的统一版式过多，不能把它当作后续8张版本的验收结果。

练习输入：

请使用刚才已生成的8张图片制作一张总览，不重新生成海报。
按编号排成4列2行，保留每张完整画面和原比例，不裁切、不拉伸。
每张下方标编号和主题，总览另存，不覆盖8张原图。
查看总览，忽略标题文字，指出主角、景别和阅读路线重复的页面。
这一步先报告问题，不自动重做图片。

应得到： 8 张独立图加一张总览，以及能指到页码的问题说明。若只返回一张拼贴图却没有独立文件，整套还没交齐；总览里的小字读不清，也不能据此判定原图文字有错，需要打开原图检查。

一、先决定要交付什么

接到“做一套电商图”的需求，先问清楚交付的是独立图片、长图，还是能下单的网页。三种做法不同。

这次制作独立图片和长图。静态海报中的“立即购买”按钮和跳转箭头没有点击功能，除非设计需求要求，否则可以省掉这些装饰。

这次练习按“8 张、3:4、PNG”准备。上架前还要查目标平台、站点、类目和图位的要求，据此确定宽高、文件大小与切片方式，不能把练习规格当作平台通用标准。

一张图先回答一个问题

在出图表里，为每张图写一句用途：

• 主视觉：让第一次看到的人知道这是什么商品。
• 场景图：让目标用户认出自己的使用处境。
• 功能图：把一个能力解释清楚。
• 细节图：展示有参考依据的外观或结构。
• 规格图：准确呈现已经确认的参数。

一张图既要讲功能，又要放参数、使用方法和品牌故事时，先拆页。标题再大，也装不下这么多重点。

二、准备商品资料：把事实和想法分开

建一个商品文件夹，收齐正面、侧面、背面、细节、包装照和品牌标识。文件名写清用途，例如“奶白款-正面”“奶白款-杯盖细节”。缺少背面照片，就先不做背部特写，免得模型补出不存在的结构。

把已有资料填进这张卡：

【商品名称】
【款式／SKU／颜色】
【主要受众】
【最常发生的使用场景】
【已确认卖点，每项附依据】
【已确认参数，保留单位】
【商品照片及各自用途】
【Logo原文件和使用规则】
【必须保留的外观特征】
【允许改变的背景、光线、人物或道具】
【禁止出现的描述或画面】
【目标平台、站点、类目、图位】
【计划张数、比例、最终文件形式】

银色内胆在照片里看得见，材质等级看不见。保温时长、防漏能力和容量也需要另找资料。把依据写进卡里，后面审核文案时才有东西可对照。

给每条信息标明用途

缺项记在工作文档里。容量和续航没有资料，就暂不做相关参数页，也别在销售图上放“待确认”“不确定”“样例数字”占位。等资料齐了再补。

这套杯子案例的练习边界： 沿用既有样稿的奶白杯体、蓝橙品牌色和日常办公语境；重点学习饮水习惯、自然语言设置、每周回顾的视觉组织方式。日历连接等展示内容只用于分析既有概念样稿，正式使用需要补充相应依据。

三、搭一条可以返工的制作流程

图 2｜通用流程示意，图中的带把手杯仅是图解道具，与案例商品不同。每一步留下可核对的产物，发现错误时回到对应步骤修正。

首张图通过后，保留它的配色、光线和字体作为参考。下一张换场景或讲操作时，重新安排主角和文字位置，不必沿用首图版式。

四、先做构图矩阵，避免整套像复制粘贴

如果八张图都把标题放左上、杯子放右边、三个图标排底部，买家翻页时很难分辨你换了什么内容。

动手前先填构图表，把静物、人物、手机操作和微距分到不同页面。

图 3｜教学构图示意，不是产品证据。统一的是杯子、配色和光线；变化的是画面主角、景别与信息结构。

下面按案例整理了一张规划表，你可以换成自己的商品。它归纳各页的设计思路，不是原图逐项执行的记录。

做一次“忽略标题”的缩略图检查

把所有图片缩小放在同一屏，暂时忽略文字，只看剪影和大色块：

1. 相邻两张是否一直是同样大小的杯子、同样位置的手机？ 2. 人物页是否只是换人，镜头没有变化？ 3. 有没有静物、使用、操作、细节之间的节奏变化？ 4. 某一页是否与其他页色温、产品形状差异过大？

两页缩小后几乎一样，就把其中一页改为操作近景或外观特写。仅挪动标题，杯子和手机还是原来的大小，重复感仍在。

五、写提示词：商品锁定、单页任务、成图限制

写提示词时，先固定商品外观，再描述这一页的画面，最后列出文案和禁止项。这样修图时也能找到该改哪一段。

第一段：锁定商品与品牌

请使用我提供的商品参考图作为产品外观依据。
必须保留：杯身轮廓、杯盖形状、长宽比例、颜色、Logo位置。
不同SKU不得混用颜色或结构。
参考图中没有展示的内部结构和背部零件不要自行补造。
整体使用暖白背景、深蓝文字、少量暖橙强调，光线柔和自然。

把生成后的 Logo 和原文件并排看，检查笔画、间距与颜色。要求严格时，在排版工具中放入原版文件，再核对透视、边缘和尺寸。没有做逐像素对照，就别写“一比一还原”。

第二段：只描述本页的传播任务

本页只解释“用自然语言设置饮水偏好”。
主角是一只手握持的手机，手机采用斜向近景，杯子放在后方辅助识别。
画面让读者一眼看到“用户提出偏好—助手回应”的关系。
顶部预留标题区域，手机界面保留足够的可读面积。
不要同时加入每周总结、产品参数或其他卖点。

有软件截图，就用截图核对操作页；没有截图，界面只能按设计示意处理。聊天里的每一次回复也要核实：产品能否做出这个动作，用户是否需要先授权。未实现的功能不要写进对话。

第三段：限定文案与禁止项

图中文字逐字使用以下内容：
主标题：一句话，设好你的饮水偏好。
辅助文案：工作日、午休、免打扰，用自然语言设置。
不添加容量、材质、保温时长、续航、销量、认证或用户好评。
不添加购买按钮、链接、二维码、价格和装饰性数字。
不把内部制作备注印进画面。

短标题可以和画面一起生成。遇到规格表、包装说明或一长串数字，先生成无字底图，再到排版工具里输入审核过的文字，最后导出。这样改一个单位时，也不用重生成整张图。

同一套图里可以混用两种做法。场景页直接生图，参数页另外排字。本文新增的两张教学图直接生成，文字经过目视检查；密集文字仍需单独判断，不能照搬这个选择。

一条可直接复用的单页提示词

复制这条模板后，填完方括号并附上对应参考图，再提交生成。方括号里的说明不要留到成品中。

请制作一张用于[平台/图位]的商品详情图。

商品：[名称、SKU、颜色]。
附件角色：图1是商品外观依据；图2是原版Logo；图3只参考配色。
必须保留：[杯盖、杯身、标识位置等可核对项目]。
允许变化：[背景、光线、场景道具]。

本页唯一任务：[读者看完应知道的一个结论]。
已确认依据：[资料名称或用户提供内容]。
视觉主角：[商品/人物/操作/细节]。
构图：[主体位置、景别、视角、文字区域、留白]。
相邻页差异：[本页为什么不与上一页重复]。

风格：[配色、光线、字体气质]。
比例：[约定比例]，目标像素：[本次制作规格]。
图中文字逐字使用：
[主标题]
[辅助文案]

不生成未提供的参数、认证、销量、评价、内部结构。
不添加未经要求的按钮、链接、二维码和制作备注。
输出后报告实际文件尺寸；目标尺寸与实际尺寸分开记录。

六、看着八张样稿，逐页学怎么做

第 1 张：主视觉先让人认出商品

图 4｜概念样稿。大杯体、柔和光影和清楚的品牌位，先完成商品识别。

先看到标题，再看到杯子，最后读辅助说明。这张保留了完整杯形，用背景光影衬出轮廓，没有再塞功能图标。

缩小图片后，先读一遍标题，再遮住辅助文案，看杯子是否仍能认清。如果背景和道具抢走了注意力，先减掉它们。使用方法留到后面的图里讲。

检查重点： 杯盖与杯身连接是否自然，产品是否变形，Logo是否跑位，投影是否与台座方向一致。不要用夸张镜头把普通随行杯拉成巨大器物。

照着输入： 下方是教学版提示词，在同一聊天中沿用已确认资料。已有对应成图时只用于重做该页，避免重复生成整套。

沿用本聊天确认的暖白概念杯、深蓝与暖橙配色，生成第1张主视觉，3:4竖版。
完整杯体放在台座上，柔和侧窗光，背景只保留光影，顶部留标题空间。
主标题“忙碌有节奏，喝水也有。”，辅助文案“南殷AI保温杯｜个人饮水习惯助手”。
不放手机、人物和功能卡片；不添加未知参数。
本项目底部小字“概念效果图，以实物为准”。保存为01-主视觉的新版本。

核对产出： 先看本页的检查重点，再与商品参考和相邻页比较。生成结果可能与示例不同；图中文字、实际尺寸和产品结构仍需逐张核对。

第 2 张：场景图让卖点有发生的地方

图 5｜概念样稿。用办公状态说明使用时机，人物和桌面服务于这一任务。

只写“智能提醒”，读者还得猜它什么时候提醒。图里的人坐在电脑前，标题写“工作告一段落，喝水刚刚好”，就给出了一个使用时机。

先把使用逻辑写清楚，再安排道具。办公场景中，电脑、文件、手机可以提供环境线索，但不应占满桌面。人物的视线、手势和杯子的摆放要能连成一个合理动作。

检查重点： 手指是否异常，手是否穿过杯体，杯子与人物的比例是否合理，手机是否悬空。画面表现一个场景，也不能据此证明系统实际会在该时机触发提醒。

照着输入： 下方是教学版提示词，在同一聊天中沿用已确认资料。已有对应成图时只用于重做该页，避免重复生成整套。

生成第2张办公场景图，3:4竖版，沿用已确认杯形、颜色和品牌风格。
人物坐在办公桌前，在工作暂告一段落的状态下看向杯子；杯子自然放在桌面。
镜头拉到人物中景，让环境和动作成为主角，避免重用第1张台座静物构图。
标题“工作告一段落，喝水刚刚好。”。此图只表达使用时机，不宣称触发效果已经实测。
底部保留本项目概念说明，不加入新参数。检查手部、杯子比例和接触阴影。

核对产出： 先看本页的检查重点，再与商品参考和相邻页比较。生成结果可能与示例不同；图中文字、实际尺寸和产品结构仍需逐张核对。

第 3 张：操作图把一个动作讲明白

图 6｜概念界面展示，不是实际软件截图。操作图应让输入与反馈关系清楚。

这一页把手机放大，杯子退到背景。读者先看操作，同时还能认出前几页的商品。

先写好用户输入和助手回复，再放进界面。这张只展示一次偏好设置，手机里就有空间把字排大。若要加上登录、授权和确认步骤，另做流程页，不要缩字硬塞。

检查重点： 输入和回复的角色是否反了，字有没有漏，界面有没有因斜透视而看不清。正式上线时，用真实界面核对交互与结果。

照着输入： 下方是教学版提示词，在同一聊天中沿用已确认资料。已有对应成图时只用于重做该页，避免重复生成整套。

生成第3张自然语言设置图，3:4竖版，沿用已确认概念杯和品牌色。
用手持手机的斜向近景作为主角，杯子在后方辅助识别，手机内为概念界面。
标题“一句话，设好你的饮水偏好。”。
用户输入“工作日提醒我喝水，午休时别打扰。”。
助手回复“已设置工作日提醒与午休免打扰。”。
不要加入其他聊天、总结数据或日历功能；保留本项目概念说明。
检查对话角色、中文字和手指，保存独立图片。

核对产出： 先看本页的检查重点，再与商品参考和相邻页比较。生成结果可能与示例不同；图中文字、实际尺寸和产品结构仍需逐张核对。

第 4 张：信息页呈现结果的组织方式

图 7｜概念总结界面。无刻度曲线用于讲解信息结构，不代表真实用户记录或改善结果。

这张把手机转正，让界面多占一些宽度。内部把“回看饮水记录”和“留意容易遗忘的时段”分开，读者能沿着小标题往下读。

在真实项目里，如果还没有数据，不要编造曲线数值、完成率或改善幅度。若连曲线本身也容易被误解为实测，就改成信息布局示意，或暂不使用该模块。

检查重点： 曲线是否暗示了没有证据的效果，文案是否从“回顾记录”跳成“保证改善”，界面是否塞得太满。能读清两三条关键内容，通常比展示一屏细小信息更有用。

照着输入： 下方是教学版提示词，在同一聊天中沿用已确认资料。已有对应成图时只用于重做该页，避免重复生成整套。

生成第4张每周回顾概念图，3:4竖版，保持已确认杯形和品牌色。
手机正面放大，杯子缩小放在一旁，界面分为“回看饮水记录”和“留意容易遗忘的时段”。
标题“看懂这一周的饮水节奏。”。
用无刻度、无数值的中性示意图表达信息布局，不制造真实记录或改善结果。
文字保持疏朗；如果无法清楚生成小字，请报告，不随意改写。
底部保留本项目概念说明，不加入未知参数。

核对产出： 先看本页的检查重点，再与商品参考和相邻页比较。生成结果可能与示例不同；图中文字、实际尺寸和产品结构仍需逐张核对。

第 5 张：增加场景时要有新的问题

图 8｜会议场景概念样稿。其中日历连接等展示内容正式使用前需要核实能力、授权与实际界面。

前面几张围着桌面和手机拍，这张把镜头拉远，让人物走进会议区域。空间变了，读者也能从连续的近景里缓一缓。

增加会议场景前，先写清它比办公页多讲什么。如果只是换个房间重说“记得喝水”，可以省掉这一页。涉及日历联动时，则需要产品能力和权限依据。

检查重点： 场景是否真的回答了新问题，新增的连接或权限能力是否有依据。没有相应功能时，可保留会议间隙的生活场景，删除功能承诺及相关界面。

照着输入： 这一版主动删去旧样稿中的日历功能与悬浮界面，只练习会议间隙的生活场景，生成图应与旧图有所不同。

生成第5张工作间隙生活场景，3:4竖版，沿用同一暖白概念杯和品牌风格。
人物在会议区域外停步手持杯子，采用能看到建筑空间的较宽景别。
标题“会议结束，留一个喝水间隙。”。
本页只讲生活场景，不出现日历连接、权限设置、提醒触发界面或相关承诺。
不放悬浮手机，不重复办公桌场景。保留本项目概念说明。
检查人物、握杯姿势和杯体比例，独立保存。

核对产出： 先看本页的检查重点，再与商品参考和相邻页比较。生成结果可能与示例不同；图中文字、实际尺寸和产品结构仍需逐张核对。

第 6 张：用更贴近使用者的视角换节奏

图 9｜居家使用概念样稿。视角靠近使用者，与前面的公共办公空间形成变化。

你能看到一只手握杯，另一只手留在电脑旁。镜头接近使用者视角，文字也少，适合展示居家工作时的拿取动作。商品若主要面向户外用户，就应换成对应场景。

检查重点： 手掌抓握是否自然，手与杯身的遮挡是否合理，键盘和电脑有没有异常结构，杯子是否仍保持前几页的外观。

照着输入： 下方是教学版提示词，在同一聊天中沿用已确认资料。已有对应成图时只用于重做该页，避免重复生成整套。

生成第6张居家工作场景，3:4竖版，沿用同一杯形、颜色和品牌风格。
采用靠近使用者的桌面视角，一只手握杯，另一只手靠近笔记本电脑。
让手部和拿取动作成为重点，背景只留少量书本与自然光。
标题“居家工作，也照顾日常节奏。”。
不放手机信息卡，不添加未经提供的功能或参数；保留本项目概念说明。
检查手指、手与杯身遮挡、杯盖和接触阴影。

核对产出： 先看本页的检查重点，再与商品参考和相邻页比较。生成结果可能与示例不同；图中文字、实际尺寸和产品结构仍需逐张核对。

第 7 张：细节图放大有依据的部分

图 10｜外观细节概念样稿。可用于学习微距构图，不能作为材质等级、内部结构或制造精度的证据。

提示词只写“展示专业细节”，模型可能补出金属剖面、密封圈和隔热层。拿到图后，要回查这些零件是否真的存在，别把模型画出来的结构当成商品资料。

先找细节照，再选放大区域。手里只有杯盖照片，就拍接缝和轮廓；准备了真实结构图与技术资料，才有依据做剖面说明。

检查重点： 是否出现参考图里没有的零件，特写质感是否与主视觉一致，放大后有没有多出一道缝或一层结构。需要严格展示实物时，优先采用真实拍摄。

照着输入： 下方是教学版提示词，在同一聊天中沿用已确认资料。已有对应成图时只用于重做该页，避免重复生成整套。

生成第7张外观细节图，3:4竖版，沿用已确认概念杯。
放大杯盖接缝与杯身表面，用微距裁切构图，背景只用柔光和少量虚化。
标题“把温暖，放进日常。”，辅助文案“南殷AI保温杯｜个人饮水习惯助手”。
只展示已确认的可见外观，不画剖面、密封圈、隔热层和内部零件。
不标材质等级、保温时长或制造精度，保留本项目概念说明。

核对产出： 先看本页的检查重点，再与商品参考和相邻页比较。生成结果可能与示例不同；图中文字、实际尺寸和产品结构仍需逐张核对。

第 8 张：收尾把重点放回一起

图 11｜概念功能总览。正式使用时，仅保留已核实的功能项；没有依据的日历连接等内容需要删改。

读到这一页，买家已经看过场景和操作。用几个短标签把重点放在杯子周围，便于回顾，不用再抄一遍前面的长说明。

若已具备准确的规格、包装清单和服务条款，也可以用这些内容收尾。没有资料时，不必强行制作“参数大全”或“购买保障”页。

检查重点： 总览有没有新增此前没解释、也没验证的能力，功能名和前文是否一致，图标是否容易造成误解。

照着输入： 下方是教学版提示词，在同一聊天中沿用已确认资料。已有对应成图时只用于重做该页，避免重复生成整套。

生成第8张重点汇总图，3:4竖版，同一暖白概念杯居中，外围少量短标签。
标题“少一点反复设置，多一点日常关照。”。
仅汇总这轮已讲的三个概念方向：“合时宜的提醒”“自然语言设置”“每周记录回顾”。
围绕杯子形成开放布局，保持深蓝文字、暖橙强调，不重用操作页的大手机构图。
不出现日历连接、未解释的新功能和销售按钮；保留本项目概念说明。
保存独立图片，完成后等待整套检查。

核对产出： 先看本页的检查重点，再与商品参考和相邻页比较。生成结果可能与示例不同；图中文字、实际尺寸和产品结构仍需逐张核对。

七、生成和修图：控制每次修改的范围

首张先检查杯形、颜色和光线。通过后，把它用于后续风格参考，同时继续附上商品原图。如果每次只给上一张生成图，杯盖和比例可能越改越偏。

可以按下面的顺序推进：

1. 先做主视觉，确定商品和品牌语言。 2. 做一张与主视觉差异较大的操作页，验证系列能否变化。 3. 继续场景、信息、细节与总结页。 4. 每完成一张就与原始商品参考和已通过图片对照。 5. 全部完成后再看总览，调整重复和突兀页面。

不同页面的设置可以变化，但同一 SKU 的外观约束要反复明确。容量、按钮、显示屏、把手、杯盖结构不能随着场景变化。

一次修一个主要问题

如果整张图已经接近要求，只改局部，不必重做画面。

请以这张图片为编辑底图。
只把杯身Logo替换为附件中的原版图形，保持原有位置和视觉大小。
保留人物、姿势、手部、杯子轮廓、背景、文字、构图和光线。
不要增加任何文字、图标或功能。
输出一个新版本，不覆盖原文件。

写了“只改Logo”，模型也可能改到杯身或手指。拿到新版本后，把修前、修后图并排，除了Logo，还要检查附近的曲面、阴影和文字。

规格表有错，就修文字；杯盖变了，就回到商品参考；两页构图重复，就重排其中一页。先定位错误，再决定局部编辑还是重新出图。

生成中断时，先确认是否已有返回文件和任务结果。状态不明就立即重复提交，可能生成重复图片，也会让版本记录变乱。

八、三轮验收：单张、系列、真实投放

第一轮：逐张放大检查

自动文字识别可以辅助找错，但要与文字稿和图片一起核对。它也会识别错，不能只凭“没有报错”判定正确。

第二轮：把系列放在同一屏

核对每页商品是否还是同一款，Logo、色温、字体和标题气质是否一致；再做一次忽略标题的缩略图检查。

按买家的阅读顺序再翻一遍。提到自然语言设置，后面就应有输入与回复；讲日历联动，就要说明相应条件。删掉重复卖点，把空出来的位置留给漏讲的步骤或规格。

第三轮：查看实际平台结果

原图通过后，还要把图片放进目标图位，检查压缩、缩放、裁切和阅读顺序。长图尤其要观察文字是否被压得过小、切片是否截断句子、接缝是否突兀。

区分下面这些完成状态：

文件哈希只能核对文件有没有变化。检查平台显示，需要打开对应图位；确认软件功能，需要另看运行结果。验收记录分别填写，不要把上传成功记成全部通过。

九、把图片整理成能交接的文件包

交付时保留“原图、文案、提示词、顺序和记录”。参考素材与输出图片分目录，防止下次把别的 SKU 当成当前商品。

商品详情图项目/
├── 01-商品资料/
│   ├── 商品资料卡.md
│   ├── 已确认文案.md
│   └── 原始参考/
├── 02-规划/
│   └── 构图矩阵.md
├── 03-提示词/
│   ├── prompts-zh.md
│   └── prompts-en.md
├── 04-最终图片/
│   ├── 01-主视觉.png
│   ├── 02-使用场景.png
│   └── ...
└── 05-交付记录/
    ├── 总览.jpg
    └── 验收记录.md

文件名使用固定编号，版本变化加版本号。单张图片的实际宽高、格式和文件大小要从文件读取，不能把提示词中的目标分辨率直接填进交付报告。

如果需要详情长图

先确认所有模块采用同一宽度，再按阅读顺序拼接。不同宽度的图片不要直接拉伸，先决定按比例缩放、补边或重新出图。拼接后检查文字大小、上下边距、背景接缝和是否重复出现大标题。

按段落边界切片，尽量让一条说明、一个参数表、一个操作步骤完整落在同一片里。输出后逐片打开，并检查上传后的顺序。具体像素和文件限制以本次目标图位为准。

十、常见问题：先判断错在哪一步

十一、第一次练习，照这份任务单完成

选一个已有正面图和清楚资料的单品，先做六张：商品识别、核心利益、使用场景、操作或细节、真实规格或使用指南、重点汇总。资料不支持的模块就替换，张数不用硬凑。

请基于我提供的商品资料，制作一套电商详情图。

先整理事实、参考图角色和缺失信息。
把商品结构、颜色、Logo和不可改项目列清楚。
然后输出页面顺序和构图矩阵，每页只解决一个问题。
统一品牌配色和光线，每页改变主角、景别或信息结构。

本次请直接完成规划、逐张生成和检查。
只有缺少会影响商品真实性的关键资料时才集中询问；
对可以省略的参数或页面，不编造补齐。

先用首张确定商品外观与品牌语言，再继续其他页面。
每页对照原始商品参考，避免款式和结构漂移。
中文文案单独保存；需要英文提示词时另存完整版本。

最终交付原图、总览、最终提示词、实际文件尺寸及验收记录。
明确记录已做的检查、发现的问题和未做的验证。

做完后，找一个没看过商品资料的人翻一遍，请他用自己的话说说卖的是什么、怎么用、还想了解什么。记下他停住或误解的那一页，再决定补资料、改文案还是换图。

十二、常见问题：安装、出图与复现

用 Codex 制作电商详情图，需要先准备什么？

准备商品照片或已批准的概念外观、品牌标识、已确认卖点及其来源、目标人群和输出规格。没有实物图时，明确允许概念设计；容量、材质、续航等缺项先省略，不让模型推断。

安装 nanyin-ecommerce-kv 后，就能直接生成图片吗？

不一定。nanyin-ecommerce-kv 提供资料整理、构图规划和提示词流程，图片由宿主的生图工具生成。先要求当前聊天检查可用工具；没有生图工具时，只能把规划和提示词作为本轮产出。

这套技能能在 WorkBuddy 中使用吗？

本文提供依据 WorkBuddy 官方文档整理的本地技能包导入与调用方法，但没有完成 WorkBuddy 实机验证。导入后先确认能加载 SKILL.md 和参考模板，再试一张图，检查宿主是否具备所需生图能力。

怎样避免一套详情图看起来都一样？

先制作逐页构图表，分别写明视觉主角、景别、产品占比和阅读路线。保持商品外观、品牌色和字体一致，让相邻页至少在两个构图维度上变化。生成后拼总览，忽略标题再比较。

手机界面、图表和产品参数能直接用于销售吗？

先核对来源。本文手机界面和曲线是概念展示，不是实际软件截图或用户数据。正式销售图应使用可核实的能力与参数，并完成目标平台预览；未知材质、保温时长和防漏性能不写入成图。

复制提示词，能得到和示例一样的图片吗？

不能保证。生成结果受模型版本、参考图、对话上下文和编辑过程影响。这里的教学提示词用于复现步骤和设计任务，最终仍要逐张检查商品、文字、构图及实际尺寸。

怎么判断详情图已经制作完成？

先确认独立图片、总览、文案和提示词文件齐全，再分别记录文字核对、商品一致性、平台预览及产品验证的状态。文件能打开只说明可读取；本文完成的是本地交付与所列文件检查，未完成平台和产品验收。

下期预告

下一期更新进阶版「南殷电商视觉工坊」：串联商品摄影、模特试衣、局部精修与多款套图，带你做完整电商视觉。