目录一、前言二、Codex 介绍2.1 Codex 是什么2.2 Codex能做什么2.3 基于Codex 制作电商图片介绍2.3.1 核心实现流程2.3.2 实战操作建议三、Codex 生成电商套图操作过程3.1 前置准备3.2 完整操作过程3.2.1 规划设计方案3.2.2 确定设计方案3.2.3 根据产品主图规划设计方案3.2.4 细节调整与完善3.2.5 重新作图3.2.6 封装成Skill3.2.7 自定义Skill 使用3.3 技能升级3.3.1 给出规划设计方案3.3.2 生成图片3.3.3 封装为Skill四、写在文末一、前言Codex 被誉为2026年最值得上手的 AI 工具它不仅是一个编程 Agent更是一个几乎可以替换掉任何对话工具的全能 AI。配合高性价比的定价机制和充足的 Token 额度只要你能想到的场景它都能帮你自动化完成。可以说Codex 完美复刻了ChatGPT的模板让普通的用户也能方便使用一款专属定制、性能强大的桌面版AI助手。同时在AI编程领域Codex 也展现出了极高的水准背后关联的ChatGPT系列的大模型为用户执行各类复杂的任务提供了可靠的保障本篇以一个实际业务场景为例详细介绍下如何基于Codex 制作高质量的电商套图过程。二、Codex 介绍Codex 是 OpenAI 推出的一款AI 编程智能体。与简单的聊天机器人或代码补全工具不同Codex 能够像一个真实的开发人员一样独立理解复杂任务、操作你的电脑、编写并修改代码、运行终端命令甚至自动修复bug。访问入口https://openai.com/zh-Hans-CN/codex/?utm_sourceAi138.com2.1 Codex 是什么简单来说可以把 Codex 看作一个“能帮你干活的AI工程师”。它是“目标驱动”而非“指令驱动”你只需告诉它最终的目标例如“帮我搭建一个带用户登录功能的网站”它会自动拆解任务规划步骤并执行而不需要你一步步告诉它该怎么做。它不只是一个聊天框虽然你可以在ChatGPT网页版找到它但它真正的威力在于桌面应用和命令行工具CLI。在这些地方它可以直接访问你的文件系统、运行终端命令甚至操作其他软件。它的用户远超程序员官方数据显示Codex每周有超过300万用户其中近一半50%的使用场景并非编码。从写周报、整理文档到数据分析它都足以胜任。2.2 Codex能做什么近期的重大更新让Codex的能力大幅跃升使其不再局限于编程领域动打开软件、运行模拟器、发现问题、修改代码并再次测试验证完成一整套开发闭环。所见即所得的开发内置浏览器Codex内置了一个浏览器。当你开发网页时它可以直接在浏览器中展示效果。你可以直接在渲染出的网页上圈出问题比如圈出一个标题并写上评论“字体太大颜色改成蓝色”Codex就能理解视觉和空间上下文并精准地修改对应的代码。“心跳”机制与长期记忆自动排班你可以交付给它一个需要数小时甚至数周的长线任务。即使你关掉电脑它也会在约定的时间点“自动醒来”在后台继续工作。记忆功能它会记住你的编码偏好和纠正过的错误下次再合作时就不需要从头开始解释了。强大的工具生态Codex已经接入了超过90个插件可以无缝连接JIRA、GitLab、Microsoft Suite、Slack、Gmail等常用工具。你可以让它去Notion里读文档、去邮箱里看邮件、去项目管理工具里筛选Bug再把所有信息汇总成一份报告给你。2.3 基于Codex 制作电商图片介绍用Codex制作电商图片核心思路不是“一句话让AI画图”而是把专业的电商视觉策划流程变成一套可重复执行的标准化作业。下面拆解一下这套流程具体怎么做。2.3.1 核心实现流程普通的AI生图是把需求直接转成提示词而用Codex的标准化流程是把完整的工作拆解为几个关键环节商品事实锁定先让模型吃透你的产品——外观、颜色、材质、卖点、禁用词。比如“产品是黑色硅胶表带的运动手环主打轻便和长续航不能说医疗功效”。这一步是为了确保AI不瞎编产品细节。视觉方案策划Codex会根据产品和平台亚马逊、独立站、Naver等规划出一套完整的“视觉叙事”。比如主图负责吸引眼球场景图展示使用场景细节图突出卖点促销图拉动转化。风格锁Style Lock在多图生成任务中为了避免风格漂移会锁定色板、光线、构图比例等关键视觉因子确保整套图看起来是一家子。分模块生成与质检AI只生成不带文字的视觉底图确保产品真实、不跑偏。之后每个模块单独审核不合格的局部重试最后用代码合成准确的文案和排版。用户确认关卡这是防止翻车的关键。在生成图片前必须先让你确认“页面规划”和“提示词方案”同意后才开始执行。2.3.2 实战操作建议结合实践操作经验给出下面几点建议分清“产品图”和“风格参考图”你的产品图片定义了“产品长什么样”而风格参考图只提供“构图、配色、氛围”。千万不能让风格参考图带偏产品本身平台差异很重要面向亚马逊的详情页和面向韩国Naver的详情页在画幅、信息密度和叙事逻辑上完全不同Codex的Skill能帮你自动适配确定性排版是细节的关键AI直接生成带文字的图片容易写错字或排版丑陋。更专业的做法是让Codex用代码如Python的Pillow库在无文字的AI底图上合成精准文案生成Skill为后续类似的场景积累可复用可持续迭代的能力通过Skill为场景提升生产力保障三、Codex 生成电商套图操作过程接下来参考下面的操作过程完成基于Codex生成电商套图的完整步骤。3.1 前置准备提前准备一张纯净的原图片素材将被Codex 用于生成其他电商图片的基础素材图片背景单纯不要有太复杂的元素最好是纯色背景3.2 完整操作过程3.2.1 规划设计方案首先不要一上来就让AI生成电商图片那样既不严谨如果一次达不到效果反复沟通也会浪费很多token正确的做法是通过引导的方式去做第一步让AI先出设计方案也就是规划设计方案方案出来后经过修正完善再开始后面的步骤首先输入下面的提示词电商产品图生成 主要用一张产品主图加上产品的一些卖点生成一套完整的电商详情图包含2张主图、3张详情图先来探讨一下你的规划等我确定没问题之后你再开始设计输入等待Codex 的响应从输出内容可以看到它会按照我提示词中的要求列出自己的完整规划包括需要我提供的信息背景干净的产品主图产品卖点等以及它接下来的执行思路。3.2.2 确定设计方案紧接着当Codex 给出了完整的设计方案接下来就需要你对这个设计方案进行审查完善对使用者来说你要做的只是把设计方案中不满意的地方或者AI设计不符合要求的地方找出来然后通过自然语言的方式反馈给它让AI完善这个设计方案如下我审查完了方案之后给出下面的反馈整体规划的很好我还需要做下面几点补充 1、用户必须输入项:产品图片 2、如果用户没有输入产品卖点你可以自己总结但不要夸张 3、目标平台如果用户没有说明默认为淘宝、京东、拼多多 4、生成的图片整体风格根据产品类型由你来决定 5、设计图片时保持同一产品禁止修改产品信息、logo产品不能变形输入之后Codex 根据我的反馈重新细化并完善这个设计方案并给出最终的工作流3.2.3 根据产品主图规划设计方案确定完设计方案后按要求提供一张产品主图并提炼几个核心卖点如下PPT材质不烫手易拿不易摔碎将图片和上面的提示词一起输入给AI这一步是Codex 根据我提供的商品主图以及核心卖点给出整套产品图片的设计方案比如接下来生成的每张图片长什么样背景如何光线等等最后涵盖贴心的指出了我的错误由于本次的产品主图是儿童碗我还希望生成的图片中有真人小孩出镜于是继续补充调整是PP材质同时我希望有儿童配合出镜使用image2 生成图片生成的几张图片中儿童使用同一个形象输入之后Codex 开始根据我最后补充的信息生成图片经过一段时间响应之后生成了第一版效果图3.2.4 细节调整与完善第一次生成的图片我在检查过程中发现并不能完全满足我的要求比如图片中的人物与主图中的产品比例不太协调也不需要每张图片中都需要人物出镜每张图片的风格、背景比较单一等这与一些主流电商网站下的类似的产品图片还是有差距于是我把这些问题点整理好发给Codex 让它继续完善图片整体效果不满意需要做如下几点优化调整 1、每张图片的风格都一样比如桌上的摆放、背景都比较单一 2、不一定所有的图片都需要人物出镜可根据生成的图片的卖点多角度的呈现 3、图中的碗的尺寸比例不协调看起来有点奇怪 4、所有图片都要清晰可选用4K高清、摄影风格 5、图片中的卖点文字要排版好字号大小看起来合适可以参考这个链接https://detail.tmall.com/item.htm?ali_refida3_430673_1006%3A2187083763%3AH%3AkYibXLbocap4YKpuTgCVtg%3D%3D%3A209a6a387031d9f05eaa095b88272780ali_trackid318_209a6a387031d9f05eaa095b88272780id974041757325loginBonus1mi_id0000KUjnzFiIbZrkqoDBI_ekQVk__ngsaYqTFFA7RN0PaIMmm_sceneid0_0_7264733436_0priceTId2147840817861717726804139e113askuId6092096459193spma21n57.sem.item.38utparam%7B%22aplus_abtest%22%3A%22892fdc2fbb0f143d3ae99d5186879d1f%22%7Dxxcad_ztc输入之后Codex 将根据我提供的改进已经重新设计然后给出了重新的设计方案3.2.5 重新作图根据上面重新给的设计方案然后开始再次生成图片经过这一次调整之后重新生成的图片整体就比较满意了一张主图不同的图片都有不同的风格和特点也可以直接在右侧打开预览效果生成的图片就在当前的工作空间下可以找到3.2.6 封装成Skill经过上面的这一套完整的生成电商图片的流程Codex 通过这个对话已经积累了根据一张主图生成一套完整图片的经验不过这个经验积累的过程目前还只是存在当前的这个会话中为了方便后续遇到类似的场景可以复用或者让其他人也能借鉴过去直接使用接下来也是非常重要的一步将本次生图的经验过程做成一个Skill参考下面的提示词这一次你做的非常好接下来帮我把这个做电商产品整套详情图的流程写成一个Skill面对人的名称为 电商产品详情图”方便我后边可以直接使用这个命令输入之后接下来就是等待生成Skill的过程如果对Skill的制作有兴趣可以通过过程输出日志详细学习和了解下等待一段时间之后就封装好了这个电商产品详情图的技能同时在生成的技能描述中还贴心的给出了如何调用这个技能的示例说明3.2.7 自定义Skill 使用接下来我们按照上面给出的调用这个技能的要求给一张其他的主图通过这个技能让Codex 再生成一套电商图片从输出的过程日志不难发现里面的流程正是上述生成图片过程的再一次重放只是整个过程完全自动化执行不再需要人为干预确认整个过程大概花了8分钟多一点就完成了一套电商图片的生成3.3 技能升级在实际使用过程中有一种场景非常常见某一次根据产品主图生成了一套设计图之后下一次主图产品发生了变化比如上面的是儿童碗下次我要换成儿童水杯再下一次我要换成儿童玩具但是整体的风格、背景等信息保持不变这种情况该怎么做呢接下来基于上述已经封装好的技能在此基础上继续升级一下。3.3.1 给出规划设计方案仍然按照上面的步骤让Codex 先给出设计方案输入下面的提示词Codex 会按照要求先生成设计规划为了进一步限制Codex 的修改范围我再给出下面的限制说明我补充一下提出来具体的修改内容 只用将图1中的产品替换成图2的新产品不修改图1的板式、文字、卖点等除非我提出来具体的修改内容3.3.2 生成图片接下来按照上面的规划我们提供2张图片第一张为电商设计效果图第二张为待替换的新品图这里AI也给出了一个提醒就是原设计图中有一个辅助道具它生成的图中没有询问了是否需要保留这里建议它保留再次生成3.3.3 封装为Skill上面这个场景也是日常生图中的一个高频使用的场景我们也将其封装成一个Skill把这个流程做成一个Skill面对人的名称为“更换电商产品图”方便我后续使用最后再做一次测试提供2个图片四、写在文末本文通过实际案例操作演示了如何基于一张主图生成整套完整的电商产品图的详细过程并介绍了如何将其封装成后续可以复用的Skill步骤希望对看到的同学有帮助本篇到此结束感谢观看。