大家好，我是加理，AI转型的深度实践者。

今天是《AI转型-电商人进化指南》第33期。我会持续更新～

如果喜欢，欢迎关注，收获更多AI干货，如不喜欢，可以直接划走~

不只盘生图工具，而是把视觉策划、商品生图、详情分镜、营销物料、高清排版、图表表达和设计验收接成一条完整电商做图链路。

电商人每天都在做图：白底图、场景图、主图、详情页、活动海报、数据图、流程图……

但真正拖慢效率的，往往不是“不会生图”，而是整条链路没有接起来：

• 商品卖点没有先翻译成视觉需求；
• AI出了图，却改了包装、结构和商标；
• 主图能看，详情页却没有完整叙事；
• 画面很多，但尺寸、文字、品牌风格不统一；
• 做完没人验收，最后还是反复返工。

所以，这期我不只盘“哪个Skill能出图”，而是把一套完整的电商视觉工作流盘出来。

先说结论：下面8个Skill，分别负责视觉策划、商品生图、详情页分镜、营销物料、高清排版、设计质检和图表表达。

顺序	Skill名称	在电商做图中的核心作用
01	image-gen	生成与编辑商品场景图、创意图
02	seeany-product-visuals	生成白底图、场景图、细节图
03	ecommerce-visual-copywriting	把卖点变成视觉策划与生图Prompt
04	ecommerce-detail-page-skill	输出详情页逐屏文案与画面说明
05	graphic-design-guide	规划海报、营销物料和品牌视觉
06	create-image-by-html	把文字、清单和数据排成高清图片
07	design-complete	检查并提升设计层级与一致性
08	beautiful-mermaid	生成流程图、结构图和数据图

这8个Skill的安装来源并不完全相同：有的可在WorkBuddy技能市场搜索，有的是公开的WorkBuddy兼容Skill，有的还需要连接外部服务。安装前请核对作者、版本、权限、费用和依赖。

一、为什么不能只装一个“生图Skill”

一张能交付的电商图，至少经历五步：

1. 需求判断：
   这张图要解决点击、理解、信任还是转化问题；
2. 视觉策划：
   确定卖点、场景、构图、文案层级和品牌规范；
3. 素材生成：
   生成或修改商品主体、背景、场景和氛围；
4. 版式落地：
   把图片、文字、数据和图标组织成可读页面；
5. 交付验收：
   检查商品结构、文字、尺寸、平台规则和品牌一致性。

只装一个生图工具，最多解决第3步。真正能减少返工的，是把8个Skill放进同一条链路。

二、必装01：image-gen

它最适合解决什么

image-gen适合做商品场景图、活动氛围图、社媒配图、视觉概念稿，也可以基于参考图做局部修改和风格转换。

电商人怎么用

不要只说“帮我做一张高级商品图”，而要把商品、场景、卖点和禁改项说清楚：

请调用image-gen，为这款商品生成3套电商主图视觉方向。  商品主体：【填写】 目标人群：【填写】 使用场景：【填写】 核心卖点：【填写】 品牌色与视觉风格：【填写】 平台与尺寸：【填写】  必须保持：商品结构、包装比例、商标位置、瓶身文字区域。 禁止出现：夸大功效、错误文字、错误配件、无关装饰。  请先给3个差异明显的构图方案，等我确认后再继续精修。

交付前重点检查

商品轮廓有没有变形，包装文字有没有乱码，商标有没有错位，卖点有没有被背景抢走。

三、必装02：seeany-product-visuals

它最适合解决什么

seeany-product-visuals更聚焦商品视觉，可以围绕商品参考图规划白底主图、场景图、材质细节图和广告创意测试图。

它的公开工作流强调“先规划和估价，再确认生成”，适合对成本、比例和结果下载有明确要求的商品图任务。

电商人怎么用

请使用seeany-product-visuals，为这款商品规划一组电商视觉素材。  先不要直接创建付费任务，请先输出： 1. 白底主图、场景图、细节图各自的用途； 2. 推荐比例、分辨率和模型； 3. 每张图的构图与光影说明； 4. 预计费用与需要我确认的参数； 5. 商品结构和包装必须保持不变的部分。  等我确认后，再执行生成并下载结果。

使用时要注意

这个Skill需要配套连接器或MCP，真实生成可能产生费用。先用测试任务验证，密钥不要直接贴进聊天或Skill文件。

四、必装03：ecommerce-visual-copywriting

它最适合解决什么

很多主图返工，不是设计不会做，而是需求一开始就只有一句“突出卖点”。

ecommerce-visual-copywriting把电商视觉文案拆成SOP：先判断转化驱动力，再确定视觉风格、主图结构和详情页分镜；确认策划后，再进入图内文案、设计说明和生图Prompt。

电商人怎么用

请调用ecommerce-visual-copywriting，把这份商品资料转成视觉策划案。  本次目标：【提升点击 / 解释卖点 / 建立信任 / 促进转化】 目标人群：【填写】 商品资料：【附件】 竞品参考：【附件或链接】 品牌规范：【附件】  第一轮只输出： 1. 转化驱动力判断； 2. 核心视觉策略； 3. 主图与详情页分镜； 4. 每屏文案层级； 5. 风险词与需要人工确认的信息。  等我确认后，再输出最终文案和生图Prompt。

它的价值

它不是替设计“画图”，而是先把运营脑中的卖点，翻译成设计能执行的视觉需求。

五、必装04：ecommerce-detail-page-skill

它最适合解决什么

ecommerce-detail-page-skill面向详情页策划。输入产品和卖点后，可以输出竞品分析、每屏文案、画面描述和设计理由。

电商人怎么用

请调用ecommerce-detail-page-skill，为这款商品搭建完整详情页结构。  请先识别： 1. 用户最先要理解的问题； 2. 最容易产生的购买顾虑； 3. 哪些卖点需要证据支撑； 4. 哪些内容适合用场景图、对比图、参数图或细节图表达。  最终按“屏次—页面任务—主标题—辅助文案—画面描述—设计理由—所需素材”输出。

交付前重点检查

不要把详情页写成卖点堆砌。每一屏都要解决一个明确问题，并与上一屏、下一屏形成阅读顺序。

六、必装05：graphic-design-guide

它最适合解决什么

graphic-design-guide面向平面设计方案，公开说明覆盖品牌VI、营销物料、色彩体系、字体方案和版权检查。

它特别适合活动海报、上新KV、店铺促销物料、社媒图文和品牌视觉规范。

电商人怎么用

请调用graphic-design-guide，为这次店铺上新活动制定一套视觉方案。  活动主题：【填写】 目标人群：【填写】 平台与尺寸：【填写】 商品与权益：【填写】 品牌色与禁用风格：【填写】  请输出： 1. 2—3个视觉方向； 2. 主色、辅助色和字体层级； 3. 主视觉构图； 4. 海报、主图、店铺页和社媒图的延展规则； 5. 素材版权与平台风险检查清单。

七、必装06：create-image-by-html

它最适合解决什么

生成式图片擅长氛围和质感，但遇到大量中文、表格、数字和规则时，容易出错。

create-image-by-html可以把结构化内容渲染成高清PNG，适合制作活动规则图、参数对比图、尺寸说明图、运营SOP、数据卡和公众号长图。

电商人怎么用

请调用create-image-by-html，把下面内容制作成一张电商信息图。  画布尺寸：【填写】 使用平台：【填写】 品牌色：【填写】 主标题：【填写】 信息层级：【填写】 数据与文字：【粘贴】  要求：所有文字必须准确；手机端可读；重点信息不超过3层； 保留充足留白；导出高清PNG；不得裁切边缘内容。

我的建议

商品主体和氛围用生图Skill，中文信息图和规则图用HTML渲染，两者组合比“所有图都靠生图”稳定得多。

八、必装07：design-complete

它最适合解决什么

design-complete是一套设计质量流程，强调从审美判断到搭建、检查和精修。

它适合放在视觉工作流最后一段，对已经完成的页面做层级、间距、配色、可读性、品牌一致性和常见“AI味”检查。

电商人怎么用

请调用design-complete，审查这套电商视觉稿。  不要直接全部重做，请先按以下维度出问题清单： 1. 信息层级； 2. 阅读路径； 3. 字号与间距； 4. 色彩与品牌一致性； 5. 商品主体突出度； 6. 手机端可读性； 7. AI生成痕迹与视觉违和； 8. P0、P1、P2修改优先级。  等我确认后，再按优先级逐项修改。

九、必装08：beautiful-mermaid

它最适合解决什么

详情页和内容图里经常需要流程图、结构图、决策图和数据关系图。beautiful-mermaid可以把Mermaid图表渲染为SVG或PNG，并支持多种主题和样式。

电商人怎么用

请调用beautiful-mermaid，把下面的售后处理流程制作成一张流程图。  使用场景：商品详情页售后说明 画布比例：4:3 风格：白底、浅青品牌色、简洁商务 要求：节点不超过8个；分支条件清晰；手机端文字可读； 先检查流程逻辑，再导出PNG和SVG。

它特别适合

服务流程、安装步骤、产品结构、购买决策、数据关系和内部培训图。

十、8个Skill怎么组成一条电商做图流水线

建议按下面的顺序调用：

第一步：先定策略

用ecommerce-visual-copywriting把卖点、用户和转化目标变成视觉需求。

第二步：搭页面结构

用ecommerce-detail-page-skill明确详情页每一屏负责解决什么问题。

第三步：生成商品素材

通用场景图调用image-gen；需要更明确的白底图、细节图和商品视觉任务时，再用seeany-product-visuals。

第四步：完成营销物料

用graphic-design-guide统一活动海报、店铺页、社媒图和品牌延展规则。

第五步：补充精确信息图

大量中文和数据用create-image-by-html，流程与关系用beautiful-mermaid。

第六步：统一验收

最后用design-complete做一次系统质检，再由运营、设计和商品负责人共同确认。

这条链路的关键不是“AI替代设计师”，而是让运营、商品和设计之间有一套共同的输入、输出和验收标准。

十一、安装以后，先跑这8个小样

Skill	第一次测试任务	合格标准
image-gen	1款商品、3个场景构图	主体不变形，构图区分明显
seeany-product-visuals	1张白底图＋1张细节图	先规划估价，结构和材质准确
ecommerce-visual-copywriting	1款商品主图需求	卖点、画面、文案和风险完整
ecommerce-detail-page-skill	6—8屏详情页结构	每屏任务清晰，顺序合理
graphic-design-guide	1套上新活动物料	色彩、字体、构图可延展
create-image-by-html	1张参数对比图	中文和数据零错误，手机可读
design-complete	审查1套现有视觉稿	能按优先级定位具体问题
beautiful-mermaid	1张服务流程图	逻辑准确，节点和分支清楚

先用脱敏素材和小任务测试。确认来源、权限、外部调用、费用和输出质量后，再接入真实商品资料。

最后提醒一句：装Skill只是开始，真正值钱的是把“需求—策划—生成—排版—验收”做成可重复的视觉工作流。