coze+nano 详情页教程

大家好，我是紫风，电商赛道的福音来了，今天给大家分享一个可以一键直出一套电商产品详情页的工作流，无论你是做国内电商还是跨境电商都是非常适合的。首先我们来看一下第一个电商产品的案例，电子产品类目， 左边的是中文版，右边的是英文版，这里我是上传一个智能运动手表的图片，它就会给我们生成卖点图，对比图、细节图以及应用场景图等等。 右边的这个英文版的也是一样，详情页的基本介绍都是有的。 我们再来看一下第二个电商产品的案例，服装类目，我给他的是一个外套的图片，我们来看一下效果，详情页的基本介绍都是有的，对吧？而且细节都是满满的，图文并茂。 右边的英文版的也是一样，整体来看还是非常符合我们电商详情页的要求的，这些就是强大的图片模型， nana banana 二、结合 cos 工作流生成的效果。下面我就带着大家按步骤一步一步来进行搭建， 只需要简单的五步，你只要跟着我的节奏来，你也可以一样搭建出这种一键直出电商产品详情页的工作流，接着作乐接着舞。首先我们在搜索框输入 cos， 然后点击右边的 cos 编程， 在下面点击这个资源库，现在来到我们的资源库，然后我们在右上角点击这个资源，在下面找到这个工作流，这里就是创建工作流，工作流名称这里必须填写英文或者拼音，现在我们给他改下名字， 工作流描述就是指这个是能做什么的工作流，比如这个是一键生成电商产品详情页，对吧？ 然后点击确认，现在就来到了工作流的面板，在开始都是默认有一个开始和一个结束这两个节点的，对吧？结束节点呢？我们先不用管，我们把它放到一边，我们是从开始节点进行搭建的，这里我先把这个工作流的步骤给它复制过来， 后面我们就按照这个步骤一步一步来带着大家一起来搭建。 第一步在开始节点配置输入的参数，这里有三个变量，我们需要输入这三个变量，第一个就是产品的名称，第二个就是产品的图片，第三个就是语言，所以我们在这里点击开始节点，这里我们需要输入这三个变量， 第一个就是我们的产品名称，这里的变量名我们可以重命名一下，然后我们点击右边的展开，在这里的描述，这里可以对这个变量名进行一下备注。 第二个变量就是我们的产品图，我们在右上角点击这个加号，这里我们给它改下名字， 这里的变量类型我们需要切换成这个 array， 因为我们是要上传多张图片，这里我们需要选择这个 array， 然后在下面呢把它选择这个 file， 也就是文件的意思，然后在它下面选择这个 image， 也就是图片的意思。 好，第三个就是我们的语言，我们还是点击右上角的加号，这里我们给他命名一下。 第二步调用一个大模型来生成产品详情页的信息，这里我们调用一个大模型，首先我们给他重命名一下，我们给他命名为一号员工， 这个大模型的作用就是根据输入的变量，通过系统提示词来帮我们处理并输出生成的内容。 在模型这里我们需要选择一个合适的模型，因为我们是要通过输入开始节点的这个图片来识别，对吧？所以这里的模型我们需要选择一个具有图片理解功能的一个模型，我们这里选择这个 豆包一点六视觉理解二五零八幺五这个版本，然后视觉理解输入这里，我们需要把开始节点的这个图片输进来，我们在这里点击加号，然后在这里的变量池，我们选择这个开始的 image 图片， 然后输入这里，我们需要输入两个变量，第一个就是我们的产品名称，这里的变量值我们选择开始的 name， 我 们再点击加号。第二个变量就是我们的语言，这里我们选择开始的 language。 好，下面的系统提示词我已经提前准备好了，我们把它复制进来，这个工作流的提示词我已经整理打包好了，大家有需要的话， 我们给这个大模型的角色设定，就是一位专业电商详情页的设计师，他会精通这些，然后能够打造一眼心动，一看就懂，一键下单的爆款详情页。它的核心任务就是用文字描述生成十二张独立图片的完整场景 以及尺寸规范，这些详情页的尺寸大家可以自定义 以及给这个大模型的核心的技能的设定，这里有六个技能，第一个就是我们的卖点深度拆解，第二个就是十二张独立图片的精准布局， 第三个就是风格视觉设计，第四个就是三秒文案设计，第五个一致性与信任强化，第六个就是痛点分析与场景化共鸣。还有就是设定它的语言风格， 以及给这个大模型这些输出的格式模板作为参考进行输出。还有一些限制的要求，大家可以自己看一下。用户提示这里我们需要把 这三个输入的变量参数引用给这个大模型来识别，这里我们按 shift 加阻键 把这三个变量参数用进来，这样变成蓝色就说明用成功了。输出的话，我们输出的是这个节点生成的产品详情页信息，这里的变量名我们可以选择默认就可以了。 第三步再通过一个大模型来优化这里生成的产品详情页的信息，也就是让我们这个大模型成为你这个产品行业的专家，从而生成更为专业的产品详情页信息。这里我们还是调用一个大模型，我们给它重命名一下， 因为这里还需要对开始节点输入的产品图片进行深入的分析，所以这里的模型我们还是选择这个具有图片理解功能的肉包一点六视觉理解二五零八幺五这个版本， 然后视觉理解输入这里，我们需要把开始节点的这个这个产品图片进行输入， 然后再输入这里的话，我们需要输入三个变量，第一个就是我们的生成好的产品详情页信息，所以这里的变量值我们选择生成产品详情页信息的 output， 我们点击加号。第二个就是我们开始节点的产品名，我们选择这个。 net 也就是我们开始节点的产品名称。第三个变量就是我们的语言，我们选择这里的开始的 language 系统提示子，这里我已经提前准备好了，我们把它复制进来。 我们告诉这个大模型，你是一个专业的详情页设计师，你专注于这个产品的领域，也就是我们的这个。 net 产品，对吧？ 你能根据给的产品以及产品的图片和这个深层的详情页的信息，结合产品的行业特点进行提示词优化和提炼， 以及给这个大模型的语言风格，它就会按照我们给的中文或者英文这些语言进行选择。用户提示这里我们需要把这四个输入的变量拎进来，我们这里按 shift 加阻扩件 好，这样变成蓝色就说明用成功了。输出这里的话，这里就是把这里生成的优化好的产品详情页信息进行输出。这里的变量名的话，我们可以选择默认就可以了。 接下来第四步，再通过一个大模型，根据这里优化好的产品详情页的信息来生成我们的详情页的图片提示词。这里我们还是调用一个大模型， 我们给它命名为三号员工模型，这里我们选择这个默认就可以了。输入的话，我们需要根据前面这个优化好的产品详情页的信息来生成我们的图片提示词，所以这里我们选择 二号员工的 output。 我 们这里还需要输入一个语言，我们这里选择开始的 language 系统提示词，这里我已经提前准备好了，我们把它复制进来。 我们给这个大模型的角色设定就是一位专业的详情页生成提示词优化专家，专注于将用户需求转化为适配生图工具的精准提示词， 确保生成的详情页在尺寸、分辨率和布局上完全符合要求。同时呢，他会保留原始的设计逻辑以及语言的风格，以及给这个大模型五个的技能。第一就是他会帮我们需求解析以及结构的拆解，第二个就是 基础提示词生成与参数的绑定，第三个提示词优化与工具的适配，第四个就是输出逻辑与视觉的保障，第五个就是语言风格， 还有就是给这个大模型的一些限制的要求。用户提示这里我们需要把这两个输入的变量引用给这个大模型来识别，我们这里还是按 shift 加阻扩键， 输出部分就是输出这个节点生成的图片提示词，这里的变量名我们可以选择默认就可以了。 第五步根据 nonban 二来生成我们的详情页的图片，这里我们调用一个插件，我们在插件这里搜索 not 图片生成， 然后找到这个图标的，那图片生成插件在它下面呢，选择这个那二 generate image 这个插件，然后在右边点击添加，我们给它重命名一下， 再输入的这个 key， 这里的 key 我 已经提前准备好了，我们把它复制进来，大家有需要的话可以自行获取一下。 下面这个 part， 也就是图片的提示词，我们需要把前面生成好的图片提示词输进来，这里我们选择三号员工的这个 output， 我 们还需要根据我们开始节点输入的产品图进行参考，所以这里的变量值我们需要把开始的这个 image 产品图输进来，下面这个 ratio， 也就是我们图片的比例， 我们这里的图片比例是九比十六，九比十六，这里输入九比十六。 下面这个 resolution， 也就是我们的分辨率默认是一 k 可选一 k， 二 k， 四 k， 我 们这里的话选择的是四 k。 第六步也就是最后一步结束节点，输出我们的图片地址，我们在前面找到结束节点，把它拉到后面，然后把它们连起来， 我们需要设置一下它的输出变量，这里的变量值我们选择生成图片的这个 url， 好 到这里整个工作流就已经搭建完成了，然后在下面点试运行，第一个就是上传我们的产品图片， 第二个就是输入我们的语言，我们这里输入中文。 第三个就是输入我们的产品名称，我们的产品名称可以带入我们的产品特点，从而形成我们的这个长尾词。然后在下面点试运行，这个工作流就会自动的运行 好，现在已经运行结束了，这个就是它给我们生成的图片地址，我们点击打开看下效果， 可以看到深层的详情页的细节真的很高，整体也是比较符合我们电商详情页的要求的。好，这期视频就到这里。

假如你从二零二六年一月开始学 ai， 那 么请一定要认真看完这个完全免费的电商详情页工作流实战开发教程，哪怕你是零基础，跟着我的步骤搭建半小时，就能搭建出一套一键生成电商详情页的 ai 工作流。先给大家看一下今天的产品案例， 今天我给大家准备了两个产品案例，这是第一个他是一个 a 字的这个连衣裙，这上面这个是我给这个工作流传的一张这个产品的一个啊图片，然后下面就是他输出的一个一整套的这个详情页给大家看一下 啊，这个画面也是比较这个精致的，对吧？然后这个模特他也是没有这个任何的这个版权的，那也就是说这个工作的话，你就，呃也不需要找模特，对吧？全部用 ai 来做就可以了啊， 包括这个六大核心卖点，这上面的每一个字和图片都是由 ai 完成的啊，全程没有做任何一个干涉。好，你看他和我们这个原版图，原版这个产品的图片是是一样的，对吧？还包括这种真人的这个啊，一般的衣服和我们这个产品的一个对比啊， 然后它里面这些细节，对吧？小细节来做的非常到位，这个这个花色也是非常到位的啊，这里面这些衣服的细节。好，然后再来看一下，然后下面这个是是另外一个案例，是一个包包啊，这上面是我给这个包包上传的一个这个啊产品 啊，然后下面这个就插成了一整套这个详情页给大家看一下啊啊，都是那个六大核心卖点啊，然后细节的这个啊纹理啊，包括里面这些五金的这些搭配啊， 还包括这些好评，看到没有？百分之百分之九十九好评，质检认证啊，这个做的是相当精细的，那么这个详情实际上啊是完完全全可以在那个啊电商上进行使用的，和我们现在电商上手工做出来的详情，实际上是啊差不太多的啊，我不知道大家是否认可。 然后今天这个工作流还是比较简单的啊，你只需要跟着我这个操作，你就能搭建这种一键生成电商详情的啊工作流啊，那我们开始来进行这个啊搭建，首先搜索扣子， 然后点进来，然后点击免费使用，点击这个啊 cos 编程啊，然后点击这个资源库，然后点击这个资源，然后工作流，然后这个必须要使用这个啊英文，然后 电商详情页啊，我为了大家就是能够理解好，我就写拼音，然后工作流这个描述， 一键生成电商详情页，工作流啊，下面这个是图标，然后啊就可以不用管它，我们直接点击这个啊确认 好，现在我们来到了这个搭建工作的这个啊页面上啊，它有一个开始节点和一个结束节点，那么我们先来这个啊，配置这个开始的一个参数，那么开始的话就是我们需要给到这个工作流啊，你的产品是什么样子，对吧？啊？你要有一个这个啊产品的一个上传的一个接口， 我就啊取个名字叫啊 mg 啊，然后这个就上传这个产品图片的啊，这个地方我们选择这个 f， 然后再选择这个啊 m g， 那 么这样的话他就可以从这个接口来开始上传我们的这个产品图片，那么他是一个必填的一个选项，对吧？好，我们再来， 好，然后他这里面会使用到我们，哦，使用到我们的 ip， 我 们要给他传一个，我们就写个 k 就 可以了，然后这个啊，这也是一个必填的一个选项， 好，再来，然后还要给他一个你的产品的名称是什么，对吧？啊？他会这个产品名称，他会用到在这个工作流的这个在这个详情页的某个地方，他会使用的，所以你必须要给他传一个这个名称， 好，我们开始，首先第一个啊，你让他设计这个详情页，对不对？我们用到一个啊大模型详情页设计 好，然后我们这个地方大冒险，我们要使用这个有这个视觉理解功能的这个大冒险，就比如说这个一点六的视觉理解啊，然后我们在这个地方要给他啊增加一个这个输入啊，输入的话我们要把这个开始的这个啊，你的产品的名称给了他，对吧？啊？产品产品名称给了他，好，然后你还要给他一个这个宽度， 不对， 好，我们这里就是那个用那个 t g 九零啊 p x， 好， 然后你还要给它传到我们前面的这个开始节点里面的这个啊，有面积，对吧？你要把这个啊图片传给他，好，然后下面就是这个系统题的词，然后我这边已经写好了， 好，我们直接把它复制过来，好，把这个详情页把这个系统设置给它啊复制过来，然后这个里面就是一些这个他的，我们给了他的一些这个啊规范啊，然后这个我就给它写完整一点吧，哎哎， 嗯，好，好。然后这个里面，呃，这个系统题的词就是给到他的一些呃规则啊，你是他的，首先给他一个决策定位啊，你是一个专业的这个电商详情设计师啊，精通视觉与语言和与用户心理，通过精准 单图聚焦场景文化，卖点提炼、痛点分析，打造一眼心动，一看就懂一下单的爆款详情页啊。核心任务是用文字描述出十二张独立图片的完整场景，含视觉元素， 文案真诚。这个提示啊，适配图片成工具的这个精准还原啊，这个真的给了他一个角色的一个定位，然后下面就是给了他一些技能，比如说这个卖点的深度的这个这个拆解啊，再比如说这个图片的这个精准的布局啊， 好，然后这个啊，我就这个地方我就不做赘述，因为这个啊详，因为详细的提示这些资料和代码都会给到大家，大家如果啊看完的话，大家如果需要的话，看完了到这个视频最后我会发给大家的。好，然后下面的话我们就要给他来，给他把我们的这个用户提示给传一下，好，要把我们的这个啊看一下媒体传给他。 input 是 我们的这个 name， 改一下 name， 这个这个的话也要给它改了。 好，然后这下面这个用户提示这个地方一定要是什么，也就是一定要是这个蓝色的才代表这个是可以用的，如果说它不是蓝色的话，那，那肯定就是啊，你这里面这个名称它就没有引用上 啊，然后有很多这个很多人私信我就是问我这个大冒险里面这个啊，系统题的词和这个用户题是到底是什么关系啊？他们有什么作用啊？ 啊？我这里简单说一下，就是这个啊，大模型，它就是 ai 嘛，对吧？然后这个系统提示是什么？系统提示就相当于就是你告诉这个啊，豆包一点六视觉理解二五零八幺五，这个大模型，你告诉他，哎，你需要干什么事情？那 干这个事情的话你需要遵守什么样的规则啊？然后生成什么样的这个啊？我的这样一个需求啊，这就是系统提示，系统提示就是给到这个大模型，给到他的规则是什么？然后这个用户提示是什么？用户提示就是相当于你让 大模型在做什么事情，但是你必须要给他一些基础的这个数据啊，对吧？你要给他一些基础的这个数据啊，这就是系统啊，这就是用户提示啊，用户提示和这个系统提示的一个啊关系，好吧？好，然后下面的一箱箱处理给他填一下啊，我这里给他写多一点 啊，写个六百秒，让他尽量的这个时间更时间更更多一点啊，他就不容易报错。好，然后我们再来，然后这个就是详情页啊，详情页的一个就传了，然后他的他的输出的类型就是一个这个啊字串啊，然后我们再往下走， 好，下一个还是一个大模型，那么这个它是做什么？它是做一个啊提炼和优化的一个啊动作啊，把它给它复制过来， 好，提炼优化，然后我们先把它的一个系统提示词给复制过来， 好，系统提示词给给复制过来，好，然后这个我们也要用一个这个视觉理解的好，也是用这个视觉理解，然后你要把我们前面的我们这个 好将接哎传给他，然后还要把我们在开始的这个 name 给他一个产品名称给他，然后下面这个视觉理解这个地方呢？哎，你就需要把我们传前面传递的这个开始节点的这个，哎，不对， 就是我们开始的这个一面镜子来传传给他啊，一面，一面好好看着下面这些都已经变成蓝色了啊，就可以正常的这个啊使用啊，这个系统提示，他主要就是啊给他再进行一个提优化和对提示进行一个优化和提炼啊，同时针对他的这个尺寸啊，尺寸和比例啊做了一个这个约束啊， 然后我们再来用问题时把它引用进来啊，都传过来 name， 然后 image， 然后都传过来，然后它这个地方它就输出的是一个 array 整数串，就是一个整数串数组的一个啊啊，类型好，然后我们也要给它设置好 好六百秒啊，这个六百秒什么意思啊？就是就是相当于是给到这个啊大模型，给到这个大模型他有更多的这个时间在完成这个事情。如果说你这个地方，比如说你写的是一百八的话，那么就意味着你这个大模型在运行到一百八十一秒的时候，他如果他的内容还没生成的话，那么他就会，他就会中断啊，所以说我们的地方给他写成这个六百秒，为了让这个流程更加的健壮啊，好， 我们提炼优化完之后，我们还要对题进行一个啊处理好，把我们这个名称传过来 啊，这个名字大家一定要啊起好，为什么？因为啊你要是名字这个地方写错了或者怎么样的话，那么你就会后面就会有这个啊，你找不到啊，就比较麻烦啊，请我们把这个体验优化里面的这个啊，利用传给他，然后再把这个系统提示给他复制过来 啊，好，然后这个他也是啊，再给这个啊，再给这个系统提示给他就是生成图片这个提示给他做一个这个啊约束， 因为这个我们前面的这个第一个啊，第一个这个大模型基本就是已经写的非常多了啊，你如果说在这里面加一个的话，他就会，他就会容易报错啊，所以说我们就后面啊，经过这个不断的优化，我们又加了这个两个大模型，这个啊节点，然后来给他做一个这个啊强调啊 啊，然后，嗯，然后这个地方也是一个啊， orange street 的 一个啊，类型也是一个自动算数啊，也就是他这个他就会输出什么，他就会，哎，输出我们的这个啊，分成十二个，因为我们前面的这个地方， 比如说，哎，我们这个地方不是说有要有十二张图片吗？对吧？啊，他有这个十二张图片啊，然后他后面这个地方他就会，哎，先生成啊，把先把这个正方形数的地方，他就会把十二张图片分成分组，比如说第一组贴纸，第二组贴纸，第三组贴纸啊，他就起到这么一个作用啊，起到起到这么一个作用。 好，然后我们再来进行下一步，下一步就会使用到一个这个啊代码节点，那么它主要是啊处理我们前面的，比如说我们这个地方，我们上传图片的时候，感啊一没上传图片之后，这地方可能会上传一张图片，也可能多张图片啊，我们不管啊，它上传数量，我们就给他把它把它的类型做一个这个统一的一个啊处理啊，这就是这个代码节点的一个啊效果 啊，把它代码给复制一下，把名字改一下， 图片格式化啊，图片格式化，我们这个地方要把我们开始键这个编辑传给他，哎，把图片都传给他，然后呃都传给他之后呢，我们下面就把这个代码给他，哎复制过来，然后把变量名给他改一下啊，然后下面的这个就给他这个删掉啊，我们就把它这个输出给它啊传过来， 好，然后他我们要把统一的整理成这个啊字母差数组，这个这样的啊传过来，好，然后他我们要把它统一的整理成这个啊字母差数组给它啊，传过来，好，然后他我们要把它统一的选错的话，那他他他后面肯定会报错。 好，这样的话我们就通过这个前面的一些这个操作，首先第一个让他生成这个出版的一个啊贴纸，那么他生成的是一个什么？他生成的实际上就是一个啊，一整段的一个支付串啊，他就是一个啊，一整段的一个啊支付串，然后我们后面再经过这个，哎，不对，我看一下， 然后我们后面再经过一步一步对工作，对这个工作流进行一个这个完善。我看一下这个地方十二张 啊，不对，这个地方它应该也是这个 orange 这个格式，它都是这个支付串数组的一个啊格式啊，我前面这个地方应该是选错了 啊，然后这个地方如果说你后面这个地方一定要选选错的话，它就会导致什么，它就会导致。就是啊，本来应该是各个个体是进行分组的，但是它没有分组，它给你生成一整段的这个啊，支付串啊，这个就会这个就会出出现问题啊。所以说大家在做的时候一定要把这个变样类型这个地方一定要选对啊，千万不能 变，变变类型的地方一定不能搞错啊，搞错的话他就后面后面就会有报错啊，有很多人过来这个啊，过来私信问啊，他就说各种报错，各种报错， 然后然后后面一看无非就是这个地方，无非就是这里或那里这个变类型选错了啊，这就是一个啊，很很常见的一个啊原因。然后针对这个代码几点的话，其实啊这个地方就是这个编码名称，你一定不能写错啊，一定不能写错，为什么？因为我这个代码里面的这些代码里面，比如说这个页面，对吧？它是 要他是要从这个页面，就是从这个变量里面来进行取值，如果说你这个地方不是写的页面对不对？那你那后面他找不到这个页面，他就会有报错啊，所以说啊，针对代码就是你这个变量的名称一定要搞对啊，变量类型也一定要这个啊搞对啊，然后针对这个这个这个大模型的话，一般最容易出错的地方就是这个啊，就是这个变量类型这个地方啊写错了啊，所以说我就给大家做一个提醒。 好，然后我们就开始进行这个下一步，然后下一步我们就开始进行循环，那么循，那么进行循环的话，这里面最最重要的这个目的和意识，就是啊我们要给他生成图片了，对吧？生成图片了啊，那么在图片之前呢，我们要变类型的循环类型，我们使用这个数值循环，然后把我们这个啊提示处理这个地方，提示处理这个 output 给他啊，然后将就是把这个里面这个十二组的这个十二组的这个什么十二组的这个提示词啊，都传给我们这个循环啊，传给这个循环，然后循环这个地方，他收到了十二组这个图片，对不对？然后我们下面再把这十二组图片分发给我们的循环体，然后让循环体可以逐一的啊，拿到我们的这个啊，每一个这个循环啊。 好，我们开始那，然后这个地方我们就用这个啊这个图片生成拉二的图片生成，如果说我这个地方能找到，如果找到的话，你就在这里面来搜一下 啊，来搜一下这个啊，就这个啊，把它添加进来啊，这个就是啊我们的生成图片的一个这个插件啊， 然后首先这个样子，你要把开始的这个 key 给他啊，你会需要用到一个啊 api， 然后下面这个啊 prom 他 什么他就是提示词啊，他就是提示词，但是我们这个提示词一定是不能从我们的这个啊从这里去值。哎，为什么？因为我们前面在循环循环这个地方已经从这从七种从这个提示处理里面拿到了十二组提示词， 已经拿到了设置提示，也是这设置提示已经给到这个循环了，然后所以说我们下面这个地方的这些插件你要使用的话，哎，我们就直接从这个循环里面来拿到我们的这个啊贴纸就可以了，所以说我们就选中这个循环，哎，找到它里面这个啊 input 啊，给到它看吧，这叫 input 嘛？好，把这个名字给他改一下 啊，生成图片，生成相片吧，生成这个相片 好，然后我们把啊提示给他啊，然后这地方我们还要把我们这个啊图片给他，就是我们前面经过这个媒体这个图片格式化啊处理里面的这个图片传给他啊，然后这个就是啊他的一个参考图片的一个啊宿主，然后这个这地方他就是一个这个图片的比例，我们选择这个九比十六 啊，选择这个九比十六，然后他这里面是一个，你可以选择这个高清值啊，我们选择这个二 k 啊，选择这个啊二 k 啊，你也选择一 k a 都可以，好，然后这样的话下面这个一定要处理，我们的地方选择这个啊六百秒，然后重复的话，我们选择个重复个三次吧啊，给他给他弄到这个最大，弄到最大好，然后这个就是生成图片。 好，然后，呃，然后因为他这个是用的国外的模型，他可能说，比如说有十二次里面，他可能有那么一次或两次啊，第一次我没有生出来，怎么办呢？我们就，我们就，我们就来第二次让他重新来进行生成，对吧？所以说我们这个地方就要给他一个选择器啊，相当于是给了这个工作流第二次来生成这个图片的一个啊机会 啊选择器，那么选择器它的作用是什么？就是用通过这个选择器来进行一个啊判断。那怎么判断呢？首先就是我们前面这个生成图片这个大模型，他的 u r l， u r l 这个地方是 u r l， 他 就是他的一个啊输出啊，给大家看一下 详情，然后里面的这个啊返回体他里面幺二幺，看到没有？幺二幺幺这个里面就是一个这个啊，他就是一个链接啊，就是一个链接，那么这个链接的话啊，他就是一个图片嘛，对吧？ 啊？就是一个这个图片，好，他这个生成图片里面这个幺二幺，他里面就是代表了你这个图片是否生成，是否生成成功啊？然后随着我们的地方就给他来做一个这个啊判断啊， 然后判断他啊是不是为空啊？是不是啊？是不是为空啊？然后如果说，哎，如果说什么？如果说就是通过这个啊插件生成的这个图片，他为他为空，就是他没有，他没有生成出来，我们怎么办呢？哎，我们就再来对他进行一次生成，我们就把这个给他，然后我们就来再来给他进行一次这个啊生成， 然后 key 还是我们前面的这个啊 key， 然后这个 prompt 还是我们这个啊？这个是看一下啊现在，哎，现在详情页里面的这个啊 input， 然后图片的话还是我们这个图片格式化里面的图片啊，然后 video 还是这个 video 九比十六，然后我们还是选择这个二 k 好，他这个什么这个就是补图啊，就是第一次他没有生成成功，然后我们让他再来进行生成一次啊，这个就是啊，我们进行这个选择器他所做的一个啊作用。那么如果说啊，这个地方，这个 这个地方相当于就是一个分叉路吗？对吧？第一条路是什么？就是如果说，哎，第一条路就代表着，哎，我这前面前面这个 u i l 他 没有生成成功啊，他会空吗？所以说我们就让他再来生成一次啊，然后如果说，哎，他经过这地方判断， 如果说他不为空，就是否则吧，哎，否则，哎，就代表着他不是为空，代表他生成成功了，哎，我们就不希望他再来生成了，对不对？好，然后所以说我们这地方，然后我们就要把这这种情况，就是他啊是否进行了第二次这个补图的一个情况和没有进行补图的情况，我们要给他啊聚合在一块，对不对？进行一个聚合，所以说我们这地方就要用到一个叫变量聚合的一个啊插件，哎， 好，那么这个变量聚合它是什么意思呢？就是它是把我们的这个通过这个插件和这个插件生成的图片给它聚合在一块，哎，然后我们再来统一的给它进行这个输出啊，怎么聚合呢？哎，我们点生成图片里面的这个啊 u r l 啊，还有我们的补图里面的这个啊 u r l 生成图片啊， date， 哎，它怎么会两个这个不一样呢？把它重进来 来进行一次这个变样的聚合，然后把它的这个也连接过来，然后哎我们那个深层图片的幺幺幺传给他，然后再把我们补图的这个啊幺幺给到他，哎，我们把这两个幺幺啊都给他就对了，他这个地方，他这个地方这个这个图片没有变过来啊，我们我们不用管他， 好，然后这两个都啊这个地方就搞定了。好，我们把它拉过来， 好，我们来配置它的输出，然后它这个地方循环输出是什么？它的输出肯定不是我们我们这个插件和这个插件，它肯定是我们这肯定这个变量聚合的，因为变量聚合代表的就是代表，就是这两种情况它真正的图片给它聚合在一块了，对吧？所以说这地方啊，我们的输出肯定是我们变量聚合里面这个啊高度给了它。 好，这样的话我们就把这两种情况的这个啊，两种情况的这个啊补图，哎，都拿到了，对不对？好，拿了之后我们要拍进下一步， 好，下一步我们要来做什么？我们，我们要来做这个啊，一个数据的一个清洗，就是它可能生成出来时候，它可能会有一些这个啊，做主是空的，然后我们给大家进行一个清洗啊，然后就就是干这个事情啊，然后我们就用这个场景就可以了啊，这个它它主要就是做一个数据的一个清洗好，我们直接把我们真诚详情页里面的这个啊 output 给它就可以了。 好，然后把名字给改一下， 好，数据清洗好，然后这样的话我们这个整个的工作就搭完了 啊，当然你还有很多的优化空间啊，还还有很多的这个优化空间，比如说你可以加一个这个啊，画板啊，你可以再加一些，你，你的工作里面可能会固定的出现了一些这个啊元素，加一个画板，然后可能会让它更加的丰富啊，可以把它做成这个长图，哎，都可以。 好，然后我这地方只是给大家做演示嘛，我就不再进行这个拓展啊，你们把这工具搭完之后呢？你们可以来做这个啊，拓展好，这里结束我们就选择数据清洗的这个啊， bit。 好， 然后我们就这样的话，我们就这工具就搭完了，然后给大家试运行一下。 好，试运行这个啊，你 maybe 这个地方就是你需要上传这个图片啊，我就准备了这个四张图片，那么你这个地方上传图片越多啊，就是数据越多的话，那么你的这个就啊它的效果会会会会更好一点。 哎，不对，这个地方有问题，它怎么会。呃，只上传一张图片呢？ 我看一下。哦，我就说这地方，这地方，它应该是这个 orange 里面的这个 file， 然后里面的这个 image 啊，就是我刚刚地方选错了，选错的话它就代表只能上传一个图片，你要选择这个啊，树组里面包含我这个 image 才可以。好，重新来。好，然后把这四个选中。 哎，好像好像又多了一张图片，应该应该是这个多了吧，应该是这个多了。好，然后第二个就是这个 key， 然后我来找一下我的 key 在 哪里，我的这个 key 给它复制一下。 好， ok， 这个是我的这个 ipkey。 好， 然后这个名称的话就写个包包就可以了啊，写个包包。好，我们开始这个试运行。好。哎， 我靠，你这个就过分了啊，你这个第一个，第一个你就给我报错，哎，卡住了吗？哎，好了，看一下，第一个就有报错啊，看这个地方，他给你这个标红了。为什么？因为我们前面的这个 ary feel， 因为，因为我们前面的这个地方，就是这个地方做了一次这个调整嘛，但是后面的我们我们地方就没有做调整，所以说他就有这样的一个问题， australian 啊，这个名，名字，名字里面图片我们都给它改成 file， 哦， free file image。 好， 然后后面看看还有没有好，这个也是 free， 哎，数组废啊，没解。好，然后我们再来看一下，好，然后我们遇到问题要进行这个啊排查，哈，要进行这个排查，然后我们从我们再来。 好，现在没爆头了， 它这个整个的过程可能是需要几分钟的，因为这里面都使用了这个视觉理解啊，它这个是比较耗时间，也比较耗费这个啊 talking 的， 然后同时又加上这个使用生成图片的是国外的这个模型，时间可能会需要几分钟啊。好，第一个就出来了，你看一下。 好，然后第一张图片主视觉素材高清图，包包正面四十五度角，背景浅米色，突出鳄鱼纹，皮格丽丝巾文案，把文案都写好了，哎。啊，这个题的词是可以直接使用的。好，我们静静等一下，他会在这个地方直接输出出来。 好，跑完了，然后来看一下，然后这里是十二组这个详情页。 好，这个是第一张，这个图片好，还是很不错的。好，六大核心的这个卖点，然后再看第三张，然后这个它的这个和传统产品这个啊对比，对吧？这个就很很破损的，很厉害啊，这个就没有 好，它的细节，它的细节图好，金属五金坚固耐用 啊，分层设计啊，逛街的场景图好评， 好，这个公，呃，这个所有图片都跑完了，能看到这个效果，应该是这个相当相当不错的哈，但是它这个啊，这个功能只是一个这个基础款啊，还有很多的这个可以提升的一个空间，比如说这里可以再加一个这个啊，加一个什么？加一个我们处理，然后给他做一个这个啊？不对啊，不是我们处理，是这个 会一下，比如说这个地方可以加一个这个输出啊，然后可以给他做成 markdown 的 格式，他就可以把这个图片都一致的显示出来啊，当然也可以把这个工作流给他做一个这个啊封装，然后直接封装到智能体里面啊，然后然后智能体就可以发到其他平台，在手机上就可以直接来做这个事情啊。 好，然后这个就是今天这个就是完整的这个搭建这个工作流的这个啊教程啊，然后这里面我准备了很多的这个作业，题词和代码都准备在里面啊，然后大家如果说啊，有需要的话啊，可以在这个评论区来进行这个啊留言，然后我看了之后会发给大家啊。好，那么今天的这个啊分享就到此结束。

哈喽，大家好，我是成哥，今天带大家一起来搭建这样一个可以一键生成电商产品详情页的扣子工作流，我先给大家看几个产品案例， 一会的话我再带着大家按这个步骤一步一步来进行一个搭建，最后的话我们在实力演示一下搭建的一个效果啊，今天的工作流还是比较简单，你只需要跟着成哥这个节奏啊，你也一样可以搭建出一键生成这种产品详情页的工作流。 我们先来看产品案例，首先这一个是一个雪地靴，我们给的是一张产品图片，或者我们也可以给多张产品图片做一个参考，然后工作流就会自动判断这个产品的类目，为我们生成十二张这种产品的详情图片，我们来看一下具体的效果，像这种细节图表现还是非常好， 然后我们再看一下这个啊，这是也是一个细节图，对吧？这种表现也是非常好啊，然后清晰度也是非常高，因为我们用的是两 k 的 图片， 下面的话是一个婚礼的包包，同样给的是产品图片，然后自动生成的是十二张这种产品的详情图，当然这个数量的话我们也是可以去改的啊。然后第三个是半高领的毛衣，给的是一个产品的图片服装，然后他就会自动去为我们匹配一个无版权的模特，最终的话会生成十二张这个产品的详情图啊， 我们看一下这个细节图啊，你看这个细节图的话，表现的也是非常到位，对不对啊？那接下来的话就开始进行一个实操。 好，首先我们打开这个扣子的官方页面啊，然后我们点击这个扣子，点击完之后，左边这里有一个叫做资源库，我们点击这个资 源，对吧？我们点击这个资源新建一个叫做工作流的资源，我们点这个工作流，工作流的名字和描述名字的话只能是英文的，然后描述的话就是指这个工作流他能够做什么，比如说名字我们给他取一个叫详情 啊，然后这个工作流的描述一键生成产品详情页，对吧？详情页 ok， 我 们点击确认好，进入到这个工作空间之后，默认的他有两个节点，对吧？一个开始和一个结束，结束节点我们可以先不用管啊，从开始节点进一个编辑，编辑前我把这个步骤啊给它复制过去， 按这个步骤我带着大家一步一步来进行一个操作，你一定要跟上成哥这个节奏啊，你也马上能搭建出这样一个工作流。那么首先我们在开始节点这里， 你要了解我们要给到这个工作流什么样的数据，比如说开始我们需要给他我们的产品图，还有产品的标题，对吧？所以我们去选择这个开始啊，右边的话，这是编辑栏去编辑它，那么这里是不是有两项对不对？第一项就是我们的产品的名字，比如说我们给他命名个名啊，这个变量名 可以命名，但是必须是这个字母的，不能是中文的，只能是英文的啊，我们可以用拼音，也可以用这个英文的，都是可以的。 ok， 那 么 b 选项勾选起来，然后第二个的话是我们的图片对不对？产品图片给它命名个名字，比如说 image， 然后变量的类型这里一定要改，因为我们上传的是一张图片，并且我们要让它可以上传多张图片，那么是多张图片，我们就要去选择变量类型里面下了列表，找到这个 array， array 里面有个 file 啊，去找到这个 file， file 里面再去找到这个 emoji 啊，一定要选择这种格式，才可以一次性上传多张图片， ok， 那 么这是我们要开始给到的数据，对吧？那么接下来第一步， 第一步就是去确定这个详情页的框架，然后第二步的话就会按这个框架，再根据我们的产品的分类，然后自动去进行一个优化。 第三步的话，优化完之后，因为有一些多余的提示词，所以需要给他进行一个精炼，然后去固定我们输出的尺寸，所以在提示词这块啊，详情页的提示词这块，这里我们就做了三步，也就意味着就需要几个大模型， 是不是需要三个大模型来完成，对吧？ ok， 那 我们先来完成前面三步啊，就是提示词这个板块，那么第一步就是先确定框架，我们从这里拉出一个节点，然后去选择这个大模型啊，点这个大模型， 每个节点一定要给他命个名字啊，不然的话你后面在选择的时候就容易混淆，比如说这个大模型，你可以把它的功能作为它的名字啊，也可以把步骤作为名字，比如说这个大模型它是什么？它是这个详情框架，对吧？详情框架提示词， 我们先确定框架嘛，对吧？然后再根据类目优化啊，那是第二步，我们先看这一步详情框架，选择它来进一个编辑。首先模型这里啊，我们要去选择豆包一点六的视觉理解， 为什么要去选择视觉理解？因为我们在开始的时候是不是给了他几张图片，对不对？要让这个大模型去识别图片嘛？既然是识别图片，所以一定要选择视觉理解这个模型，然后在输入项这里，我们需要把谁给进来？首先我们需要把开始的名字、产品名字给进来，对不对？你要告诉这个大模型，我们今天生成详情页的产品是什么产品嘛，对吧？然后第二个 我们给他一个宽度啊，比如说这个大模型应该按什么样的一个宽度给我们去生成提示词，图片的提示词嘛， 比如说我们给他一个七百九啊， p x， ok， 那 么这是输入项，然后接下来视觉理解的输入项这里啊，这个是文字输入项，下面是视觉理解啊，视觉理解是不是我们要丢进来？把什么丢进来？是不是要把开始拿到的所有图片丢进来，对不对？给到这个大模型让它来识别并理解，再根据我们 给到他的系统提示词去生成对应的详情页图片的提示词，对不对？所以这个系统提示词啊，他是非常非常重要的，一定是叠代过 n 次之后才可以拿到很好的一个效果，所以这个提示词的话，一定要认真的去叠代啊，我这里直接把已经叠代好的提示词给它复制过去啊，把这个给它复制过来， 然后给大家粘贴啊，大概看一下这个提示词啊，你看这个提示词是非常非常细的，首先提示词其实所有的系统提示词他都会有框架，比如说会给这个大模型赋予一个角色的定位，告诉他你是一个专业的电商详情页的设计师，对吧？ 精通视觉语言与用户心理，通过精准的单图聚焦场景化文案卖点的提炼，包括通点的分析来打造十二张独立的图片， 对不对？尺寸的规范就是我们的常规规范，然后核心的技能包括你的目标输入输出啊，这个是写的非常非常细的啊。 ok， 这是一个系统提示词啊，所谓的系统提示词就是要求大模型应该按什么样的方式来为我们生成提示词。 ok， 系统提示词好了之后，接下来就是用户提示词，用户提示词我们一般直接按 shift 加左框键，把上面所有引用进来的变量啊，给它增加进来就可以了， 比如这个是产品的名字，对吧？然后第二个啊，我们把要求的尺寸，还有第三个就是图片参考图片，对吧？这三个给它增加进来啊，这个是名字啊，可以另一个名啊，然后这个是尺寸，对吧？然后下面这个是图片， 产品图片啊，我们给他备注一下啊。 ok， 这是用户提取词，接下来输出向这里我们要去把编码类型由 string 改成 a 里面的 string， 它是一个字母串的数组， 然后为了在生成的过程当中不会超时报错啊，在异常处理这里，我们要点开它，把超时的时间给他改长一点啊，不然的话运行的时间超过一百八十秒，他就会自动停啊，就容易报错，我们把超时时间改成六百秒。好， ok， 那 么这是我们详情页提示词的第一步，对吧？先确定框架， 框架确定好之后，第二步就是要按产品的分类，对吧？根据分类然后再自动来优化，所以这个时候我们同样再给他拉出一个大模型，然后给他命名个名字，这里就是优化，对吧？按分类优化提示死，对不对？优化提示死， ok， 然后我们选择它，同样啊，选择它进行一个编辑，首先模型这里还是要去选择豆包一点六的视觉理解，对吧？因为它要识别图片吗？是不是？ 接下来就是这个输入项，输入项有文字输入项和视觉理解的图片输入项，这两项我们都要增加。首先文字的输项，这里要把开始的名字给进来，然后还要把我们前面的框架其实词给它给进来，所以在这里我们去选择框架，其实词的这个 array string 啊，选择这个类型给它增加进来。 好，接下来就是视觉理解，像，视觉理解像我们要把什么，同样要把开始的图片，对吧？这些图片丢进来，让他根据这个图片来进行一个优化。接下来就是这个系统，其实词啊，这个系统其实词刚刚讲了，就是干嘛告诉这个大模型 怎么样，来给我们进行生成，对不对？ ok， 我 把已经迭代的给他复制过去啊，按类目优化其实词，这个给他复制过来，这里就比较简单，因为我们前面的其实词已经出来了，对不对？这里只是优化，所以你看这个系统其实就告诉他你是一个专业的详细设计师，你要专注 这个是名字的变量，对不对？前面我们输进来名字的变量吗？专注我们这个类目的领域，然后能够根据这个类目和我们的图片，然后结合前面的详情框架，其实词 这个行业的特点进行一个优化和提炼，对吧？就写的非常细啊，并且最后还固定的什么，是不是固定的尺寸，对吧？这个尺寸的话我们可以在这里改啊，然后包括数量，我这里要求的是十二个，你可以改成十五个，但是在这一个题里面有个细节要注意啊，如果说这种双括号里面颜色文字颜色没有变成像这种蓝色， 那说明什么？说明这个变量啊，没有引用成功，这个变量是谁？这个变量的话是我们详情的提示词啊，你要把这个名字改一下啊，我们把这个名字改成 input， 你 看这个时候它是不是变成蓝色了啊？这样才正常啊，不然的话这个变量引用就是不是成功的。 ok， 这是系统提示词，用户提示词，同样我们按 shift 加左括号键，把几个变量输入的变量给它引用进来就可以了。 这三个你也可以去给他备注一个名字啊，这里我就不备注了，输入像这里我们同样去改成 a r 里面的 string 字母串的数组异常处理，同样给它改长一点，因为我们要处理的文字特别多，所以给它改长一点，最高六百秒，改六百秒就可以了。 ok， 那么我们这个框架提示词按类目进行优化之后，接下来还有第三步，对不对？为了避免中间的提示词会有一些多余的描述，所以我们要第三步再给他进行一个经验啊，所以在这里我们再给他拉出一个大模型， 同样双击他，给他改名字啊，这个大模型他的作用就是什么？就是进一步优化提示词， 对吧？好，我们分三步啊，给它来进行一个操作，同样选择它进行一个编辑。模型这里啊模型这里我们可以用豆包一点五的，这里可以不用改，因为这是只是进行一个精简啊，进行一个精炼啊，不是让它去生成，所以我们直接选豆包一点五 pro 就 可以了。 输入，像这里我们把前面按分类优化过后的提示词，对吧？把这个像给他丢进来，对不对？接下来就是这个系统提示词视觉理解，这里我们可以不用输入，接下来就是系统提示词给它复制过去啊，然后粘贴， 这里也是一样，告诉他你是一个提示词的处理专家，对吧？不管多复杂的提示词，都可以处理成各种深图工具能够识别的提示词，最后的话还有比例再次强调，图片，对吧？是多少张？ ok， 这是系统提示词，用户提示词，按 shift 加左括号键，同样把输入的变量名给它引用进来就可以了。输出，像这里我们要改成 array 的 string 啊， 然后异常处理，同样我们把它改成六百秒。好，到了这一步，我们的详情页的提示词就算完完整整的完成了，那么当有了详情页的提示词之后，图片提示词之后，接下来我们是不是可以正常生成图片了，对不对？但是在生成图片之前啊，因为我们在生成图片的时候，这个生成的过程当中还要参考前面我们产品图， 这样的话才能够保证我们产品的一致性嘛，对不对？我们前面产品图上传进来的格式，因为跟这种参考啊，图片生成的时候，这个插件参考的格式不匹配，所以我们在这个中间需要给我们参考图片进行一个转组啊，进行一个格式的转组，那么怎么转组？同样我们可以用大模型来完成啊，我们拉出一个大模型来， 然后双击给他改个名字，这个就是给参考图转组，对吧？参考图转组啊，也就是转格式啊，让后面我们升图的时候能够识别 好，选择它，编辑这里模型也可以不用改。然后输入项就是把开始的这些图片，对吧？我们上传的这些产品图片给它输入进来，然后接下来就是系统提取词，同样我们把系统提取词图片转组的系统提取词给它复制过来， 然后进行一个粘贴啊，你的任务是从上游输入进来的图片数据库，对吧？这个 emoji 这个名字是不是没有变来， 对吧？那是因为这个名字不一致，我们改完之后它就一致了啊，一定要把它改成一致的啊。 ok， 这是系统提示词啊，用户提示词，直接按 shift 加主挂键，引用上面编辑的名字，下面输出项，这里我们要把它改成 a r 里面的 string， 因为我们要的是这种格式啊，异常助理同样给它加到六百秒，这样的话更保险一点啊。 好， ok， 那 么在生成图片的所有前期工作我们就已经做完了，对不对？接下来就是开始生成图片了，因为这个图片不止一张，我们要的是多少张？十二张图片，对不对？所以在这里我们不能单拉一个图片的节点啊，我们从这里给他拉出一个叫循环的节点，因为我们要给他循环生成十二张，所以在这里选择循环 啊，选择之后改一下名字，这个是循环详情图片，对不对？详情图，好，我们选择编辑， 在循环类型这里选择使用数组循环啊，因为我们要用前面这一个优化过后的其实词，对吧？它是一个四个串的数组啊，用它来进行一个循环，所以在类型这里啊，选择数组循环，然后在变量这里输入，在变量组这里啊，我们要去选择 优化，对吧？这个进一步优化其实词的数组啊，选择它就可以了啊。 ok， 这是在上面这一个节点，我们要去设置的，然后在循环体内，我们就可以开始拉出一个节点，拉什么节点？可以拉出我们生成图片的节点，对不对？所以拉出来，然后去选择这个纳的图片生成啊，选这个 找到这个图标啊，我这里是已经收藏了插件，在这里就找得到你，如果在这里找不到，你就去搜索，但一定要找对这个图标啊，我们选择它，这个时候就多了一个生成图片的节点，对不对？同样双击，他改个名字啊，他是生成 产品图片啊，产品详情图片，产品详情图，单图，对不对？我们十二张图吗？这个是单图，好，选择它编辑，那么在右边这里，首先这里有个 k 啊，这个 k 的 话，我们直接用这个给它复制过去啊，如果说你不知道这个 k 如何获取的话，你可以看一下我这个教程啊，会有一个详细的获取 k 啊方式， 粘贴进来，然后这个 prompt 是 我们的描述词对不对？所以在下列列表里面去选择哪里，选择上面这个节点循环节点拿到的描述词，这个就是我们刚刚讲的图片的宿主，对吧？图片的宿主啊，最大只是十四张图片对不对？这个宿主就是刚刚转组的，所以在这里去选择给参考图转组选择这个对吧？ array 的 string， 好，接下来就是这个比例了，这个比例的话我们去选择九比十六啊，下面这个是产品的图片清晰度，对吧？这里我们可以用两 k 异常处理，这里同样要去改成六百秒啊，因为这里它处理的时间会比较长，所以容易超时，我们一定要把它改成六百秒， ok， 那 么这是这一个啊， 那么接下来为了保险起见啊，因为有时候怕他在生成过程当中出错，对吧？然后没有给我们把图片生成出来，所以这个时候我们再给他拉出一个节点啊，备用的一个节点叫做 if 的 选择器啊，我们选择这个 if 的 选 择器是为了干嘛呢？就是判断前面这个图片有没有生成成功，如果说他生成成功， if 是 如果的意思吗？对不对啊？所以在这里我们可以选择 if， 如果，如果什么如果，前面这个数据也就这个数据他不为空， 不为空的话，也就意味着我们图片已经生成出来了吗？对不对？不为空怎么办？你看在这个节点这里跟前面有什么区别？它这里是不是有两个点，对吧？有两个输出点，所以一个是不为空的，一个是为空的，我们作为选择，首先不为空我们拉出来，不为空我们就直接给它 进行一个聚合啊，这里有个变量聚合，我们给它丢到这个聚合的节点，这个聚合的节点就是把这两个变量最终输出的合并在一起。好，我们选择这个聚合，然后下了列表数据去选择生成产品详情图，对吧？ 选择这个 url， 这个啊，这个是我们图片的链接数据嘛，对吧？选择它， ok， 这是第一个条件，不为空就直接输出，那如果说为空， 前面这个节点为空，也就意味着它生成失败嘛，对不对？那这个时候我们就给它重新生成，所以再拉出一个截点，我们选择这一个啊，那图片生成啊，选择它，然后在这里面去选择这个，那的图片生成， ok， 人家进来之后同样双击它改个名字，这个是二次生成，对吧？二次生成图片啊， 选择编辑这个 key， 我 直接用这个给它复制过去。好，然后这里即日词，对不对？我们去选择哪里，还是选择这个前面循环主体拿到的这个即日词，这个是我们参考图片，对不对？我们去选择谁去选择？ 参考转组，对吧？参考图，转组的这一组图片啊，也是我们产品图片，这里是比例，同样我们去改成九比十六，这个是质量啊，我们给他两 k 啊，这是图片的质量，然后异常处理，同样去改到六百秒，对吧？ ok， 那 么这个时候这是二次生成啊，生成失败就让他再来进行生成，他生成成功转换，他如果生成成功的，同样丢给这个变量聚合， 对吧？所有生成出来图片都丢给它进行一个聚合嘛？所以选择它之后，这里我们要把第二次生成的 url 这个图片地址也给到它，对不对啊？给到它之后最终整个全部输出，所以这个末尾的节点啊，我们一样给它连接起来 啊，那么在循环体里面我们就给它设置完了，接下来就是主体这里要有一个输出项，所以在主体输出项这里，我们要去选择变量聚合的所有图片，对不对？这里选择变量聚合就可以了啊？ ok， 那 么到这里的话，我们所有图片就可以去进行一个生成了，但是在生成的时候，有时候他会出现很多空的地址数据，我们还要把这个空的数地址数据给它过滤一遍啊，所以在这里我们拉出一个节点，然后去搜索，搜索一个什么？搜索一个常用代码块 啊，就是去空的啊，常用代码块啊，然后我们就找到这个图标的常用代码块，我们点开它，然后选择第一个，这个的话就是去除空数据啊，选择它增加进来， ok， 那 么双击改个名字啊，这就是去空 啊，目的是为了把我们所有的生成出来的这个产品详情图片给他单独提取出来啊，所以要给他增加这么一个节点，好，这个节点去选择谁，是不是要去选择我们循环这一个图片循环拿到的结果，对不对？所以选择他拿到一个结果啊？好，最终再把结束节点我们给他连接起来， 对吧？所有已经完成了结束节点，连接起来，结束节点要拿谁的数据？是不是要拿前面已经去过空的图片数据？是不是？所以在这里我们去选择去空的最终的 data 数据啊，选择它就可以了， ok， 这个时候整个所有的工作流我们是不是已经发完了，对吧？接下来我们检测一下我们搭建的这个工作流的一个效果啊，所以我们点击试运行， 然后把我们的产品图片上传几张进来啊，比如说我们来做这个拖鞋吧，把这个名字给它复制一下啊，一会我们直接粘贴过去就可以了， 选择这一张，这一张，这是一些图啊，这种图片的话可以是我们的实拍图，就你产品的实拍图，你多拍几个吗？包括细节，对吧？啊？可以最多支持十四张吗？是不是？所以我们可以多拍几张，给他添加进来，然后在名字这里啊，给他粘贴过来， ok， 上传完之后我们点击运行啊，点击这个试运行，点击之后我们就会发现这个工作流他就开始在进行一个运行了，对吧？首先会把我们所有的图片和我们的名字，然后投喂给这几个大模型，去生成对应的详情页的图片提示词，对吧？然后再会根据提示词去生成我们对应的图片啊， 我们稍等一会，一会的话我们马上看一下效果啊，好， ok 啊，所有的节点都运行完了，最终的话我们在这个结束这里啊，运行结果这里会有一个 outpost， 这里有十二张图片，对不对？我们可以点开它，然后看一下效果啊，这是第一张， 怎么样？这个效果还不错吧？然后这个是第二张，对不对？这是卖点的提炼。然后第三张， 对吧？这个效果也是非常好啊。我们再看一张，比如说这一张是不是也很真实，对吧？ ok， 我 们再看两张，有这张，对吧？这是防滑。还有比如说看一下这张，这个是尺码表，对不对？然后再看一下这张啊，这个是展示的一个效果啊，整体的话感觉还是非常好，对吧？ ok 啊，那么今天我们这个工作流啊，就讲到这里啊，这个工作流其实还有很多迭代的一个空间啊啊，比如说根据我们不同的产品进行一个迭代，让他会更真实，然后更能够体现出我们的卖点。那么今天这工作流就先讲到这里啊，下期我们再见。

哈喽，大家好，我是小风，今天给大家分享一个特别炸裂的插件儿纳诺不纳纳二，它可以通过工作流传入一张商品图片来给我们生成一个 电商的详情图，我们可以看到这里是我上传的一个机械键盘，然后它给我们生成了一个十二页的电商详情页，我们一起来看一下效果，这是我们的一个核心卖点，然后也是我们的核心卖点。 好，可以看到这个效果还是非常好的，这个就是通过我们的 nasubota 二插件生成的。 好，接下来我会带大家通过这些步骤一步一步地去搭建这个工作流，大家只要跟上我的节奏还是非常容易的。首先我们先进入我们的 cos 官网，然后我们点击这个 cos 编程， 这里我们选择资源库。好，我们点击右上角加资源，这里点击工作流，这里我们工作流名称只能输入英文。 好，我们的工作流描述就给它描述一下。 好，可以看到我们这个就是初尺的一个界面，我们先不用管这个结束节点， 我们先把我们的部首拉过来，我们复制一下粘贴进来，找到一个合适的位置， 可以看到我们开始节点要输入我们的产品照片，还有我们的产品名，这里我们点击。开始，我们把输入这里，这个先删掉，然后添加两个，这是我们的产品照片，还有我们的产品名，这里我们输入 image， 这里就是我们的一个产品的图片，然后我们的产品名 name， 我 们需要注意的是我们这个图片因为我们上传的是一张图片，所以说我们这个边框类型，我们要选择 array， fill， imagine 就是 我们的一个图片的格式，好，这样就可以了，我们来关掉它。 接下来我们来开始第一步就是设计我们的一个详情页，这里我们需要用到一个大模型，我们添加一个大模型， 这个大模型的作用就是给我们设计详情页，然后我们更改一下大模型的名称， 我们来看一下模型，这里这里我们就需要选择我们豆包一点六视觉理解的，这个好，我们的技能不用管它。然后输入这里，我们需要把我们开始节点传入的 name 添加进来，然后我们把编码名更改一下， 改为 name。 好， 接下来我们需要传入一个我们的强行页的一个宽度，这里我们点击加号新增一个变量，我们输入 with， 然后这里就是我们的宽度，我们填写七百九就可以了，我们来看一下视觉理解输入，这里，这里我们需要添加一个变量，把我们的产品照片 插入进来，这样就可以了，接下来我们来看一下系统提示词，这个系统提示词的意思就是 我们给这个大模型规定一个输出格式，让这个大模型根据这个输出格式来给我们输出这个商。这个详情页的设计好，我们来复制，我已经写好的， 我们点击复制，然后粘贴进来，我们一起来简单的看一下，这里角色定位就是专业电商详情页设计师，精通视觉语言与用户心理，然后这里就是我们的核心技能，技能一就是卖点深度的拆解， 然后技能二就是十二张独立图片精准布局，当然如果大家想要更多的图片，在这里就可以给，然后我们技能三就是风格视觉设计，然后我们的技能四就是文案设计。 好，我们来看一下限制，就是仅处理电商商品，还有风格默认，还有我们的合规性，就是我们不能出现违规词，然后是我们的输出的完整性。 好，我们来看一下用户提示词，这里这里我们需要把我们上面输入的这些变量传入进来，然后我们大符号，我们的产品名，大符号，还有我们的宽度，还有我们的图片。 好，这里要注意的是我们输出这里，我们输出这里的变量类型，我们需要选择 array string， 好， 这样就可以了，我们来测试一下这个节点，我们点击这个测试该节点或者这个都可以，我们点击测试，然后我们上传一张图片， 我们的产品名， 我们点击运行。 好，可以看到我们这里已经运行成功了，我们来看一下我们输出的内容，可以看到第一张图片，第二张图片，第三张图片，一直到我们的第十二张图片，这里就是它推理的一个内容。 好，这样就已经成功了，我们来关掉它，接下来我们要开始第二步，第二步就是区分我们行业的产品，因为我们这个设计详情页没有给它区分产品， 就是我们电商有很多的品类，各行各业的都有，所以说我们要把行业的产品细分一下，所以说这里我们需要细增一个节点，选择我们的大模型，这个大模型的作用就是细分行业的产品，我们来重命名一下， 好，我们来看一下模型，这里这里我们就要选择一点六视觉理解的这个我们来看一下输入，这里，这里我们就选择我们设计详情页输出的 output， 所以 说我们选择设计详情页的 output， 然后我们同样的要把我们产品名还有我们产品图片输入进来，我们点击加号，这里我们输入产品名称 name， 然后我们在视觉理解输入这里添加一个变量，把我们的产品图片传入进来，好，这样就可以了， 接下来我们来看一下系统提示词，这里我们复制已经写好的，然后粘贴进来， 你是一个专业的详情页设计师，专注我们输入的那个领域，然后根据这些行业特点进行提示词优化和提炼， 然后总共十二个好，这里的用户提示词。同样的我们要把输入的这些变量全部引入进来，我们打口号 input， 打口号，还有我们的产品名，还有我们的图片。 好，我们来看一下输出，这里这里我们变样类型选择 rain stream， 好， 这样这个斜点就已经配置完成了，我们来关掉它。 接下来我们要开始这个优化提示词，我们同样的还要用到我们的大模型来给我们提示词进行一个优化，这里我们新增一个斜点选择大模型，这个大模型的作用就是给我们优化提示词， 我们来看一下模型，这里这里我们就不需要图片理解，所以说我们用豆包一点五 pro 就 可以了。然后我们的输入，我们就选择我们细分行业产品的 output， 然后我们的系统提示词我们来复制，我已经写好的。 好，这样就可以了。我们来看用户提示词，这里我们打括号，把我们输入的变量引入进来就可以了，变为蓝色就代表引入成功。好，我们来看一下输出，这里这里类型，我们要选择 array string。 好，这个节点就已经完成了，这里系统提示词我们复制错了，复制成积分行业产品了，我们重新更改一下，然后复制进来。好，这样就可以了。好，我们来关掉它， 接下来我们开始生成我们的一个详情页，在生成详情页之前，我们需要把我们开始节点 输入的一个图片进行一个格式化整理，这里我们新增一个节点， 然后选择我们的代码，我们来重命名一下。好，这个代码就是给我们图片格式进行一个转化，转化为 arraystring。 然后我们来看到输入，这里我们添加一个， 这里我们变量名输入这个就可以了，然后我们选择一下变量，这个变量选择我们开始节点的 imagine。 好， 我们来看一下代码，我们点进来把原有的删除掉，来复制我已经写好的一个代码 粘贴进来。好，我们来看到这里，这个 key 一 就是我们输出的一个变量名，我们复制进来，然后把我们多余的都给删除掉， 这个变量类型我们就选择 array string 就 可以了。好，我们来关掉这个代码，接下来我们就开始生成我们的详情页，因为我们详情页有很多张，我们这里规定了是十二张，所以说我们需要用到一个循环， 让它帮我们循环的生成这十二张图片，我们来重命名一下， 好，我们来看一下循环设置，这里，这里我们就用数值循环就可以了，然后我们的变量，变量值，我们就需要选择，我们优化提示， store output， 好， 我们先把它关掉，我们来到循环体这里，这里我们就开始生成我们的相切页，我们需要用到一个插件， 我们搜索 n a， 然后二，这是我们新版的一个 nano banana， 二的一个插件，我们点击添加。 好，我们来点进来配置一下，这里我们有个 king， 这里有个 king， 我 们先告诉大家这个 king 从哪儿拿，我们可以看到标签上这个网址，我们复制一下，然后粘贴进来， 我们来到个人中心，如果没有注册的，注册一下就可以了，我们点击这个，你和 kin 复制，然后确定。我们回到工作流这里， 然后我们可以填写到这里，如果填写到这里，我们这个 kin 就是 固定值，如果你把这个工作流流传出去的话， 大家用的都是你的 key， 它就是固定在这里了，然后我们可以在这里回到开始这里，这里我们新增一个变量，然后输入我们的 a y， 好， 这样它就是一个变动型的，就是我们每回新运行都要填写这个 key， 然后我们选择一下变量，就是我们开始节点的 key， 好，这样就可以了，然后我们的提示词，我们就选择我们设置详情页的 input， 然后我们的参考图片，我们需要选择我们我们图片格式转化的 k 音，这里就是我们图片的一个比例，我们选择九比十六， 然后这里是我们的一个清晰度，我们选择二 k， 好， 这样就可以了，然后我们来关掉它，这样我们生成详情页图片就已经完成了。 大家要注意的是我们这个插件现在是很火的，我们要生成十二张图片，它有可能生成失败，所以说我们这里需要添加一个选择器， 我们点进来看一下条件分支，就是如果我们这个的 data 不 为空的话，就代表我们已经生成成功了，我们就可以进行下一步， 这里我们就选择不为空，就是我们不为空的话就代表生成成功了，如果为空的话，我们就继续要进行循环， 然后我们来关掉它，这里我们先讲一下它如果为空的话，我们需要再添加一个插件，我们搜索呐，这里有个呐图片生成，然后我们点击这个呐二图片生成。 我给大家说一下这两个的区别，这个是我们的最新版的一个纳二，这个是我们老版本的一个纳二，如果我们新版的没有生成成功，就代表太火爆了。然后我们用老版的给它进行一个生成， 我们点进来配置一下，这里叫 key， 我 们同样的选择开始写点的 key， 我 们的提示词，我们就选择详情页的 input， 然后我们的这个 我们不用管它，它是是否等待，然后我们默认它就可以了，然后我们删掉图片，我们选择格式转换的 k 一， 然后这个就是我们九比十六，这个就是二 k， 好， 这样就可以了。接下来我们要用到一个变量聚合，这里我们新增一个节点，选择变量聚合， 为什么要用它呢？就是因为如果我们这个新版的插件生成成功的话，就用不到我们的这个了。如果我们新版的生成了一部分，旧版的生成了一部分，我们的结果就要进行一个聚合，就把它俩生成的结果进行一个整合。所以说我们这里 都连接上，我们点进来，我们把新版的 url 传送进来，还有我们旧版的 url 传送进来，这样就可以了，然后我们来关掉它。 好，我们一定要记着把这个线连接一下，然后回到我们的相界面这里，我们把变量聚合的这个传入进来就可以了。好，我们来关掉它，这样我们整个节点就已经完成了。 接下来我们需要把我们这里输出的结果，如果有空序组的话，我们把空序组给删除一下，然后我们这里新增一个节点，选择插件，然后输入我们的常用代码块， 我们往下滑，好，找到这个，然后点进来，我们再往下滑这个，找到我们这个数组列表，去除空数据，然后我们点击添加，我们来重命名一下。 好，我们来看一下输入这里，这里我们就选择生成详情页的 output， 这样就可以了。好，这样我们整个工作流就已经完成了，我们把结束节点拉过来， 然后连接一下，我们选择一下输出变量，这里我们就选择去除空数组的 data。 好，我们这样整个工作流就已经完成了，我们可以来试运行一下，这里上传我们的产品图片，然后我们的 key 还是我给大家说的制，然后粘贴进来，然后我们的产品名。 好，这样就可以了，然后我们试运行一下整个流程，大概五分钟左右就可以生成完了，大家耐心等待一下。 好，可以看到我们这里已经运行成功了，然后我们来看一下输出变量，这里给了我们十二张图片。好，我们一起来看一下，可以看到这个效果还是非常好的，一共十二张详情页。 好，那么如果有需要这个提示词还有我们的代码的话，我们看这里。好，那么今天的课程就到此结束了，然后我们下期再见。

二零二六年还在花大价钱请美工作图片设计，别当冤大头，今天教你们用 nano 一 键生成跨境电商详情页。大家好，今天为大家带来的是 nano 一 键生成跨境电商详情页工作流 啊。我们首先来看一下这个工作流呢，就是我们给他几张照片，他就会生成具体的详情页啊，非常的方便实用。我们来看一下效果，这些是详情页的细节， 然后细节分析图也会根据我们需要的语言来生成，是其实挺方便的哦。首先我们打开 cos 官网， 我们点击 cos 编程，点击我们的资源库，大家点击资源新建工作流，工作流名称只能输入英语，我们这里输入工作流描述，我们可以输入中文，我们点击确认开始搭建。 在搭建工作流之前，我们先添加一个注式，我们把复制过来的内容拷贝进去，这样我们就可以根据上面的提示一步一步的搭建下来，非常的方便。 首先我们来配置一下开始节点，我们这里需要用到五个六个变量，所以我们先加五个。 首先第一个我们把它名称命名为 key， 我 们选择 b 填项。 第二个我们把它命名为开头。第三个我们要用到上传图片 image， 我 们把它类型改变一下，我们选择文件里面的数组，数组里面的 image， 这样我们就可以上传多张图片。接下来是语言，然后我们要输入详情页的数量， 它的类型我们要修改一下，它是一个 number 类型，后面我们要输入平台，我们输入平台的类型，它会根据我们的要求去对应平台生成详情页照片这个 type 我 们是产品名称， 产品图片。语言的话，我们是我们需要的语言， 然后这里的描述我们是需要的乡情业数量 平台，我们是要输入跨境平台。好，这样我们是开始节点就设置完成了。接下来第二步，我们要产品解析啊，我们要引入一个大模型。 首先我们来给它重命名一下，这里我们选择豆包一点八深度思考， 通过产品名称和产品图片提取产品关键信息和核心卖点啊，这一步我们能实现这些功能，所以我们要输入几个变量，第一个我们要引入开始节点的开头，然后我们把变量名称修改为开头。嗯，我们要输入视觉理解， 我们引入开始节点的 image 啊，这里名称也相应的改成 image。 然后系统提示词的话，我已经提前存入到我们的提示词库里边啊，我们直接去提取就可以了，我们要深度解析啊，插入提示词， 设置完提示词，我们再来把用户提示词引入一下，我们用英文输入法的大括号去输入开头和我们的一枚值，然后我们给它做一个备注， 用户提示词必须要输入啊，这样是有利于大模型去理解我们对产品的需求，这样子生成结果会更好一点啊。接下来第二步，我们来做跨境电商升图提示词，我们还是要用到一个大模型。 我们先来重命名一下，我还是选择豆包一点八的深度思考，这里我们要输入几个变量。 首先引入一个产品解析的结果，我们给它命名为产品， 我们要引入开始节点的 number， 我 们再去引入开始节点的语言，最后一个变量，我们引入我们需要的平台规则， 然后在视觉模型里边我们再加入一个开始节点的图片 提示词，同样我们到提示词库里去寻找我们提前存好的提示词。跨境电商声图提示词，我们把它插入，设置好提示词之后，我们同样的把用户提示词加入， 我们把变量都引进来。用户提示词输入完之后，我们把输出这里边的变量改变一下它的类型， 我们把它改成 a r a 里边的 string。 接下来一步我们要去做一个翻译提示词和生成图片，这里我们的话引入一个 p 处理来做处理， 我们点击设置 p 处理， p 处理并行数量的话我们改为三，然后 p 处理的输入，我们去引用一下前面一个大模型生成的 output， 然后输出，我们先不管它 p 处理，我们先去引入一个大模型来翻译我们的提示词，首先我们点击重命名，这里我们要引入两个变量， 我们去引入一下 p 处理的，然后我们第二个变量去引入我们开始节点的语言， 然后去我们去提示词库加入我们预先设置好的提示词，提示词翻译，我们把它插入，同样我们去设置一下用户提示词。 好，这样我们设置好了，接下来我们去生成我们的图片，我们要去插入一个节点 nano two 的 生成图片插件啊，这里如果没有收藏的小伙伴，我们可以点击插件 搜索的时候输入 n a two， 就是 这个，我们把它收藏一下，然后添加， 然后我们重命名一下，我们点击设置第一个 key， 我 们去开始节点引入 key 提示词，我们选择第三个翻译提示词里面的结果，然后图片链接的话，我们选择开始节点的图片设置完成后，我们去把异常处理设置一下，我们把它改为六百秒， 这里生成时间比较长，所以我们给他多一点时间去处理。然后接下来我们要引入一个选择器，去测试一下他是否生成图片成功，我们点击选择选择器，我们来设置一下 选择器的话，我们去选择第四部图片生成的结果， 我们来选择部为空。 设置完这个节点以后，我们要去看一下它的结果以后来做。如果生成为空，我们就再引入一次 nano two， 我 们就让它再生成一次， 我们给它重命名，同样的我们来设置一下变量 异常处理，同样是六百，接下来我们要引入一个节点叫变量聚合，是把我们前面第四部生成图片和再生图片两个结果都去引入一次。好，我们选择变量聚合， 然后把再生图片的结果也连上去，然后我们点击设置，先去引入一次图片生成的 u r 喽，然后再去引入一下我们再生图片的 u r 啊啊，这样我们设置就完成了， 这样的步骤是确保我们生成图片失败以后能够再次生成一次。最后我们把变量聚合结束这个 p 处理，然后我们点击设置 p 处理， 去把变量聚合的参数引入进来，完成 p 处理，我们就基本完成了，我们把 p 处理连接到结束节点，然后点击设置一下结束， 我们把 p 处理结果的 auto put 返回给变结束节点啊，这样子我们就完成了这个工作流的搭建，我们可以试运行一下，我们先上传图片，我们选择这个水杯， 然后我们输入我们的米和官方屁详情页，数量的话我们要四张。平台的话，我们输入亚马逊 产品名堂，我们取名它是玻璃水杯。语言的话我们选择英语。好，现在可以运行了， 我们来看一下输出的结果啊，总共四张图片，我们点击看一下生成的效果啊，效果还是比较好的 啊，每一个场景他都有照顾到， 大家觉得效果怎么样？一起来搭建吧。

大家好，我是二七，今天我们要讲的是扣子工作流在电商行业的实战应用，我们只需要输入产品参考图，扣子工作流就会调用 nano banana pro 一 键自动生成我们商品详情页图片，这个是我们一键生成的一个案例， 这个是第二个案例，我们可以来看一下，这边是生成六张图，那第一张图是我们一个场景啊，第二第三张图是我们的一个详情卖点，第四张图又是一个场景，第五张就是一个价格，第六张就设置选择 啊，我们看下第二个测试案例，也是我们一键生成的，我们可以看一下是不是第一个场景图，卖点对比图，卖点场景图价格，这个都是用我们这个扣子工作流啊，一键生成的这一套工作流还是特别特别实用的，特别是在这个电商行业， 那我们话不多说，直接开始今天的实操搭建，我们首先呢在浏览器搜索扣子，找到这个带官方标志的扣子平台 啊，然后我们在右边点这个扣子编程，我们可以看到在这个主页有一个低代码模式，我们点这个工作流开发创建一个新的工作流，这是他名称描述，名称，这边只能用英文数字以及下划线，这边我们就命名为详情图。 一键生成详情页图片，我们可以看一下，这个呢就是我们的搭建页面， 开始就是上传我们的产品参考图，结束就是输出我们的详情页图片，具体的搭建步骤呢？二十七也有为大家准备好，那我们把这个搭建思路大纲我们来复制一下啊，在这边点这个注示，把我们的大纲放进去， 我们来看一下，一共呢是有五个步骤，第一个步骤呢就是输入我们产品参考图片就是在这，那第二个步骤呢就是生成我们详情页的提示词， 第三个步骤就是对我们这个提示词进一步优化。第四个步骤呢，我们需要把这个我们这边第一个步骤输入的产品参考图片进行一个格式转化，这样子呢我们在第五个步骤才用这个 nano 插件生成我们的图片，好，那我们直接来开始搭建，那首先我们第一个步骤啊，这就是他那个设置页面啊，首先呢我们是参考图要放进去 image， 我们输入英文的 emoji， 然后呢我们要把这边勾选一下 b 填，然后这个变量类型就是格式，我们这边需要设置一下，这边呢需要选择这个 array 啊，里面的这个 fire 啊，里面的这个 emoji。 接着呢我们需要把我们这个产品的名称也需要输入进去一下啊，我们一样是用英文的 name， 我 们还要再输一个我们的一个 key， k e y p 这个呢是调用我们这个 nano banana， 就是 nano 这个图片生成插件用的就是生成我们这个详情页图片，调用它用的这个是需要充值算力的，我们第一个步骤开始，节点设置就完成了，那我们来看第二个步骤生成我们详情页图的提示值，那我们鼠标放这拖拽，选择这个大模型 名字，我们给他命名为详情页图片提示词，我们来配置一下，这边模型呢，我们选择这个豆包一点六的视觉理解，然后输入内容，这边呢我们需要添加一个，也就是我们开始节点的这个名字啊，放进去， 然后呢视觉理解，这边就是把我们的图片呢给他上传上去啊，让我们这个模型来理解一下，然后是这个系统提示词呢，就是我们这个大模型的人设和回复逻辑，那这边呢我们就在这呢二十七呢也为大家准备好，那我们这边直接复制 粘贴，我们来看一下，你是个专业的电商详情页设计师啊，核心任务就是用文，用文字描述的生成我们十二张独立的图片吗？是吧？他的一个尺寸，这边呢我们可以给他改成七百九，好，这是他的一个核心技能，一共有六个技能卖点，深度拆解， 十二张独立图片，精准布局、风格，视觉设计，文案设计、一致性以及痛点场景共鸣，这是他输出的一个模板， 一共有十二张图，是吧？然后是这个用户输入呢，这边呢就是把我们这边把我们上面输入这两个内容呢给它放进去，这边我们就是键盘在英文状态写等下括号号，然后把这个放进去，一定要注意你的字体变成蓝色的才有效。 然后呢我们就输出，这边呢这个变量名保存默认即可，变量类型呢就格式呢，这边我们选择 a read stream， 就是 一个盒子，然后异常处理呢，我们这边呢给它设置为六百秒，就是我们设运行时间最长六百秒， 然后呢如果没有成功呢，我们让他再重试一次，还是选择这个多高一点的视觉理解，这边呢我们给他连接上做一下测试，这边呢我们就随便链接一个好，然后呢我们这边点测试该节点，这边呢我们呢用这一套二十七老师在幺六八八下载的图片呢，我们给他，我们给他拖拽，拖拽进来，然后名字呢这边就输入女款羽绒服， 我们点运行好，我们看一下，运行一分钟啊，这边呢输出，这边呢输出我们的十二个内容，看他的一个视觉素材啊，以及他这背景图，背景设置这些风格标题，这些都是 ok 的 啊，说明我们这个设置是没问题的。然后接下来呢 第三个步骤就是把我们的提示词再进行优化一下，这边呢我们一样添加大模型名字就修改为提示词 优化，这边模型呢我们一样的是选择这个一点六的，然后输入内容呢，这边呢我们就是需要啊放两个内容，第一个呢就是我们这个详情页图片提示时这边生成的提示词，然后呢以及我们把开始阶段这个名字给它放进去，视觉理解一样的把我们图片上传上去，就是我们开始上传的 参考图片。系统提示词呢二十七呢也有为大家准备好，我们直接呢把它复制一下，就这个系统提示时优化好， 大家可以看一下，是不是他就是专注我们这个就是我们刚刚那个女款的羽绒服嘛，提炼优化已经限制，那大家如果有其他尺寸可以在这边修改，那以及在这也是需要给它修改一下，是吧？这个就没问题了。然后呢我们这系统提示一样的把这三个内容给它放进去 input 啊以及我们的音频，然后输出内容，一样的是我们设置六百啊， 重试一次模模型呢，一样的是选择这个，这边呢我们一样的给他点一下测试，我们看一下效果。图片呢？还是我们刚刚这个我们给他放进去，然后这一个呢这个 input 就是 我们刚刚这个系统，其实是生成内容啊，我们这边给他复制一下，把它放进去， 这边呢我们呢需要啊把这个中括号后面的包括这个括号给它删掉，那以及这下面这个 中括号叫这个括号内容给它删掉，然后这样子就行了，这个一定中括号不要去掉啊，这样子就 ok， 然后名字我们一样的是刚刚女款 羽绒服，我们点运行好，我们看一下，运行呢也是运行了一分钟啊，这边呢也是输出的内容啊， 给他点开看一下，我们可以看一下，他就是对我们之前这个贴纸生成的内容呢进行一个简单限制优化，就是如果他生成的内容不太好，他这边会给他一个规范优化，这边呢也是没问题的。接下来是我们第四个步骤 啊，就是我们图片格式转化，我们这边呢一样在这添加选择业务逻辑里面的这个代码名字呢，我们给他命名为图片 格式转化，这边呢变量名呢我们呢给他命名为参考，大家需要注意啊，这个名字一定不要打错了，大家输入的时候一定要看，如果打错了会导致这个内容运行失败，然后这呢我们就选择开始的这个 片了，是吧？上传图片格式转化，这个转化的作用呢就是为我们第五个步骤，他现在图片都准备了，因为这边都需要我们的格式转化才能运行，然后输入内容呢这边我们保留这个 k 一 就是 orange string 格式就行了， 好，这个零以及这个二就给它删掉就可以。然后是这个代码，这边呢我们点开这呢我们先把这个它的势力啊给它删掉。语言呢就是这个选择这个 java script 格式就行了，不用选择这个 python。 然后呢内容我们这一样的是为大家准备好，我们 复制一下粘贴，这样子就设置好了，那么接下来呢是就是呢添加我们的一个图片生成呢，这边呢就需要在这添加一个业务逻辑里面这个循环， 为什么呢？因为我们这个图片他不是生成一张，是多张生成的，大家理解吗？因为我们需要生成多张图片，所以我们这边就添加循环，在这里面生成我们的图片循环生成，这边呢循环设置了，我们就默认这个就可以了， 循环数组，这边呢我们就选择这个提示池优化之后的这个内容输入内容呢这边就无法配置，需要我们把这个循环题里面的设置好了，再回头来设置这个大家不要忘记啊，这边呢我们就开始设置我们图片了，我们不在这呢就是插件，这边呢我们搜索 米和 na 二图片生成，大家看到没选择这个，然后米和 ai 的 我们点开，然后添加进去，然后名字我们给它修改为 图片生成。然后呢我们来配置一下这个呢米和 api key 啊，就是我们开始阶段那个输入的这个 key， 这个呢就是我们在这儿是有准备好的一个密钥啊，大家不知道如何获取的呢？可以看这个教程，这个文档里面是有教程的，需要注意啊，这个是需要充值算力的极目池呢，就是我们这个边已经上传到这个循环里面的，这个 看到没？所以呢这边就选择循环里面的这个 int， 看到没，这是 input 吗？是不是 int？ 然后这图片参考就是我们选择图片格式已经转化好的内容，然后呢是这个尺寸啊，这边呢设置的是九比十六，大家看你们需要设置什么尺寸，自己在这边设置就可以，这个呢就是画质了， 我们刚刚也有看到二 k 四 k 应该运行时间比较长啊，他这个超时时间就是设置需要设置六百秒，这给他设置为 六百，接下来呢我们呢还需要为他上一道保险，因为我们这个图片生成，如果他这个不稳定的情况下，可能是没办法生成的，那我们就需要给他添加保险，这呢就是添加这个选择判断就是异属性，那他这个条件是这样子，就是如果我们这个啊图片生成，你们这个比特就是我们的图片生成数 据啊，不为空，他的意思呢就是生成的内容是不是因为他不是空的，所以就生成，我们这边直接就可以给他导出去，那否则呢就是为空就没有生成了，那我们就让他继续再来生成一次，这呢我们一样的，这边添加插件，这边就是搜索是你和 n a 图片生成，不是二的 n a 图片生成，然后呢选择这个 n a 图片生成你和 ai 的， 这是它的一个老版本，好，我们一样的添加进来名字，我们就给它修改为图片生成二， 配置呢，就跟这个一模一样的，大家理解吗？你可以对给自己来配置一下就可以了，这边就是开始节点的里面的一个屁，然后以及我们这一个提示词，然后这个呢可以不用设置保存过来就可以参考图片，参考图片图片格式里面的屁，以及我们这个 画质一枪处理好，这样子就设置完了，我们正常是不是应该再给他导出去？但是大家注意到一个问题没有，如果是这样子的话，他这个导出的内容就会很多 很杂乱，所以呢我们正常啊，不管你是做图片还是做视频或者其他的，我们一般呢会在这边加一个盒子给他打包一下，所以这条线我们先给他擦掉，把这两条线先给他擦掉，我们在这呢再添加一个业务逻辑里面这个变量聚合啊，就是我们一个盒子， 然后把这条线给它连接上去，然后呢我们需要这边啊也要给它连接上，我们来这边把这个图片呢都要放进去，这儿呢我们就选择 图片生成里面的 data 里面的 ui 螺，这边呢是设置 ui 就是 图片地址，然后是图片生成二里面的一样的是这个 ui 螺，这样子呢我们这个循环体类啊就设置好了，接下来就是这个 输出了，这边输出呢我们就直接输出这个就行了，这是电量聚合，如果刚刚没有这个添加我们这个盒子呢，你这边输出内容就需要添加很多个，我们后续操作也会很麻烦，到这里呢，其实啊是已经完成了，但是我们还需要再添加一个什么呢？ 我们还需要再添加个东西，因为我们这边循环生成呢，如果他生成的数据是空的，就比如说因为我们有十二张啊，那如果他比如说十生成十五次，其中有两次他生成的内容 是空的，没有生成出内容或者生成乱码，那我们需要把它这个乱码给给那个删除掉，因为我们这他打包这盒子里是把那些乱码也打包进去了，无论你是这个生成是正确的，还是那生成乱码的，他都打包在盒子里，所以我们需要把这个乱码给它删掉。这呢我们就是点这边添加插件里面，我们这边就搜索你和 常用代码快就是这个，然后我们给他点开啊，找到我们那个去除空数据啊，或者多余数据那个啊插件我们往下滑，看到没数组列表去除空数据就是我们乱码空的数据，那我们这边点添加这边名字，大家啊可以给他修改一下，改为 去除空数据。这边呢我们就把我们这个循环里面输出这个图片内容呢，全部给它放进去，这样子就设置完成了，然后再结束。这边呢把我们这个去除掉空数据的图片呢给它放进去，这样子我们整体就 完成了，大家看是不是很简单？然后我们这边点这个优化一下布局排版一下。好，那我们对这个工作流呢来进行一下测试，我们点这边试运行，那这边的上传图片我们给他复制一下来放进去，然后呢这边还是我们的一个 api key 啊，我们给他复制一下 apikey 呢，就是调用我们插件用的，需要控制算力，然后这边名字我们输入女款羽绒服，好，我们这点试运行，我们看一下，一共运行了十四分钟，那这边呢输出了我们的十二张图，那我们依次给它点开看一下， 一张图是不是一个场景图，第二张核心卖点九个，然后一个是一个对比图，然后是个细节图，这质感 真的拍的一模一样，又是一个场景图以及我们的卖点啊，是不是？哇？这质感无话可说，怎么样 感觉如何？怎么样感受如何？这套生存图片呢，我们也会放到我们配套这个文档里，大家在搭建之前可以看一下我们生存的质量如何， 我们可以看一下整体的生成费用，哪一张图片花费了我们三毛钱，那这呢我们一共生成了十二张图片啊，那这边的话费呢？就是零点三乘以十二 也是三块六毛钱，三块六毛钱我们就可以生成这么一套图片，大家感觉如何？那这一期呢？这期的视频我们就教到这里，大家感兴趣的或者想系统学习的，六六六，我们下期再见。

大家好，我是小马哥，今天给大家分享一条效果特别炸裂的工作流，你只需要提供几张产品的照片，他就可以帮你生成这样一整套的产品。详情页， 支持多国语言。今天呢，我会带着大家先看两组案例，然后呢跟着这个搭建步骤，一步一步教大家如何搭建出同款的工作流。可以看到这条工作流的搭建步骤特别简单，只要跟着我的节奏就一定可以学会。那么我们首先看一下这两组案例， 我上传了四张鞋子的照片，然后呢工作流帮我生成了全套的详情页内容， 语言呢，我选择的是俄语，因为昨天有一个做跨境电商的粉丝说他的目标市场主要是俄罗斯，所以呢我今天尝试着做了这么一套，当然也支持其他国家的语言，当然如果做的是国内的电商平台的话，自然更不在话下，常见的电商产品他都是可以支持的。 好了，那话不多说，我们开始今天的零基础教学。首先在浏览器里面搜索 code， 点击扣子编程，点击左侧的资源库，点击右上角的资源，点击工作流。首先我们创建一条新的工作流，工作流的名称必须是拼音或者字母， 然后这里简单描述一下这条工作流是做什么的，然后点击右下方的确认。那首先呢，我们点击下方的注视， 刚才给大家展示的今天这条工作流的搭建步骤，我们给他复制粘贴过来。首先看到开始节点需要输入三个变量，那我们点击开始节点对它进行设置， 那这里呢需要三个变量，所以呢我们点击加号，然后呢再新增两个变量，那第一个变量的话，我们把它命名为图啊，图片的图，然后变量类型，这里我们选择 array 格式的 image， 也就是图片数组，这样的话我们就可以一次性上传多张图片，那这个我们勾选为必填， 那第二个变量的话介绍，为了方便大家理解，所以我这里直接用汉语拼音命名的变量名，它的变量类型就是 string， 我们可以对这个变量进行一些描述，输入产品名称和其他产品相关的信息，帮助我们的大模型结合我们上传的产品图片，更好的去理解我们产品的特性。然后第三个变量，我们把它命名为语言， 这个变量主要用于输入目标语言，比如英语、俄语、泰语等，也就是我们最后生成的详情页画面，你希望它最后匹配的是哪个国家的市场，那我们这里呢就选择输入哪个国家的语言， 这样的话我们第一步就已经配置完成了，我们把它关掉。那第二步呢，是绘图提示词的生成，只要看到生成提示词，我们的第一反应是不是我们需要加入大模型的节点了，所以呢，我们这里插入一个大模型的节点，先不着急设置啊，对他先进行一次命令， 然后我们对它的参数进行配置。那模型这一块，我们就使用豆包的一点八深度思考，这是目前豆包比较强大的一个多模态模型，可以处理文字、视频和画面信息。那输入这里呢，我们需要输入两个变量，所以呢我们点击加号，再新增一个变量， 那第一个变量呢，是我们开始节点上传的介绍这一个变量。 第二个变量的话是我们开始节点上传的语言这个变量。这两个变量都是我们以文字形式提供的， 所以呢，我们在这里进行设置，在视觉理解输入这里呢，我们点击加号，这里输入一个图片类型的变量，也就是我们开始节点上传的图片数组我们的产品图片。那输入这些变量的目的是让我们的大模型结合我们的产品介绍， 产品图片以及我们想要面向的目标市场，帮我们生成对应详情页的提示词。 所以呢，这个提示词是我们整条工作流最重要的一个环节。这里呢，我把我提前准备好的提示词给他复制粘贴进来，在我的教学文档里面找到对应的大模型提示词，我们点击复制， 然后给他粘贴进来，他的定位是专业的电商详情页设计师。然后呢，他的核心任务是用文字描述生成十二张独立图片的完整场景，他呢可以直接投喂给图像 ai， 用于图像的生成， 也就说这个大模型节点他就是帮我们来生成绘图的提示词的。然后呢，他有多项技能，比如多语言与地域适配，也就是说他输出的所有内容必须严格的和我们要求的语言统一在一起， 比如说我们要求的语言是俄语，那他的详情页画面里面出现的人物呀，场景呀，建筑呀等等内容必须是和俄罗斯的实际场景能保持一致，这样呢才能适配于我们跨境电商的需求。 除此之外，他的技能还包括比如卖点的深度解析啊，图片的布局等等，这些内容太长了，我就不一一去看了。 最后呢，我要求它输出的格式是按照四行三列的十二宫格布局，组合成一张整体图进行输出，大家听到后面就能理解模型提示词这样设置背后的苦心了。 然后呢用户提示词这里我们按住 shift 加花括号，然后呢把这个节点的几个变量我们都给它引入进来语言， 然后图片那当我们的变量名称变成蓝色以后，说明我们的变量引用是成功的。我们在这里呢给它稍微做一下备注产品图片， 这样的话我们最关键的提示词生成环节，我们就给它设置好了，点击关闭。那搭建到这一步的话，我们先停一下我们搭建的脚步，我们把我们的大模型节点和我们的结束节点连接在一起， 目的呢是对我们绘图提示词生成这个大模型节点，我们进行一次测试，看他输出的内容符不符合我们的要求，那结束节点的输出，我们就引入绘图提示词生成节点的输出。好，我们点击适用型， 然后在这里呢把开始节点需要的内容给他上传上去。那首先呢，我们先上传我们的产品图片，那我们就还是用这个鞋子的图片进行测试，我们可以一次性多上传几张不同角度的产品照片， 那多一些参考角度，能更好的让我们最后输出的详情页画面和我们真实的产品保持更好的一致性。 介绍这里呢，我们输入男士板鞋，中国春节特别折扣，全场八折，那这里呢，我只是举一个例子，因为我们这个地方呢，除了产品的名称以外，你的折扣啊，包括产品的一些特性啊什么你都可以在这里进行补充， 这样的话能让我们最后输出的画面更加贴合你的需求。不然的话，如果你这里只是输入你一个产品的名称，那最后 产品的一些特点呀，包括一些折扣促销的信息大模型呢，就会给你去胡编乱造的，这样的话你后面调整的东西就会比较多了，所以呢，我们前期在输入的时候呢，就按照我们真实的情况进行补充，这样有可能最后生成的产品详情页就能一次性通过了。 然后目标语言这里呢，假设我们输入泰语，泰国的话也是属于跨境电商的一个热点区域，我们就用它来进行测试，然后呢点击试用行好的这个节点运行成功了，我们看一下他最终输出的内容，我们来点击预览看一下。 首先呢他进行了卖点的拆解，然后呢进行了核心痛点的梳理，最后呢他对我们十二张图，每一张图的内容进行了详细的规划，比如说一张呢是首屏，然后第二张的话是卖点的速览，规划了六个泰语的卖点图标。 然后第三张呢是痛点的对比，材质的卖点等等等等。然后他的文案呢，也是用泰语进行的表达，那基本上是符合我们的要求的，所以呢这个节点应该是没有问题的，我们呢就继续进行搭建，然后把我们大门型节点和结束节点先断开，我们看我们的搭建步骤， 绘图提示词有了，我们是不是就要根据我们的绘图提示词来进行画面的生成了？所以呢，我们这里要插入一个生图的插件，而这个插件呢，我们需要在插件市场搜索那二，然后找到这一个插件，那二图片生成啊，我们点击添加， 然后呢重命名详情页画面生成，那为什么我们要使用这个插件呢？那这个插件呢，调用的是 nano banana pro 的 生图能力， 那基本算是整个生图模型领域最强大的一款模型了。刚才的绘图提示词大家也看到了，内容是非常复杂，并且还用的是国外的语言，所以它对生图模型的要求是特别高的，这就是我们为什么要选择这一款插件的原因。那我们对它进行配置， 首先呢他需要输入 k， 因为这需要第三方的算力支持，那我是提前准备了一个 k， 我 们把它复制粘贴过来，每个人的 k 是 不一样的，那如何获取 api k 呢？我的教学文档里面也做了详细的介绍，我们把它复制粘贴过来，然后第二个变量呢，是需要输入提示词， 我们的提示词就是我们刚才通过大文信接电拿到的这一个生图的提示词，我们把它引入进来。 第三个呢是参考图片，那我们最终生成的详情页的画面，需要参考的图片主要就是我们开始节点上传的我们产品的多角度的照片，然后图片比例呢，这里我们选择九比十六，也就是一个竖版的图片， 然后这里呢我们选择四 k 啊高清，那这样的话画面生成节点我们也就配置好了，那最后呢，结束节点输出图片的链接，我们把结束节点和我们的生图节点给它连接在一起，那最后呢，输出的是我们 详情页画面生成节点生成的画面的链接地址。那到这一步呢，我们整个工作流也就搭建完成了，功能强大，但是呢它的搭建步骤却是特别简单的。那在最终测试之前呢，我要提醒大家一点， 我们点开我们模型设置的界面，搭到最下面，我们这里有一个异常处理超时时间一百八十秒，这里我们改成六百秒，然后详情页画面生成这个插件， 点击异常处理一百八十秒，我们也给他设置成六百秒，因为我们这两个节点执行的任务是特别复杂的，我们要尽量给他们多一点时间去处理，否则他们很容易因为超时而报错。那接下来我们进行测试，看看能不能生成符合我们要求的画面。我们点击下方的试运行按钮， 因为刚才已经做过一次测试，所以呢这些内容的话都是已经上传好的，我们直接点击下方的试运行 好的，现在看到我们整条工作流已经运行结束了，整体耗时两分十三秒，我们看一下最终生成的图片效果怎么样，我们点击我们生成的图片地址的链接， 那第一眼看过去的话，整体效果还是很不错的，总共生成了十二张图片，然后它的文字呢，确实是用泰语去表达的，画面里面出现的人物还有场景的话确实是泰国的。 然后呢这里有一个标签，应该是价格，我们没有提供过价格，那这里的价格呢，应该是大魔星自己幻想出来的，所以呢一些关键信息如果我们都能给到的话，那最终输出的画面可能我们基本上不需要做太多的调整。那我给讲过，生成这样一套详情页画面的 还不到买一根棒棒糖。这十二张画面我们可以进行拆分使用，因为它的分辨率是四 k 高清的，即使把它拆分以后，每一张的画面的清晰度也是够用的。 这也就是为什么我们之前在大门行街店要求把十二张图片一次性输出，而有些朋友说 我也不差这三瓜两枣，我还是希望能一张一张单独输出，每一张图片使用起来更方便，那这个效果我们当然也是可以实现的。我们回到我们的工作流，我给大家讲一下如何去生成十二张单独的画面。 首先呢，我们点击我们的大门形节点，对它的系统提示词呢，我们这里要进行一下调整，我们在我们的教学文档里面找到十二张单图提示词，生成背板提示词，我们把它给复制粘贴过来。 然后呢在输出这里呢，我们把变量名命名为 image promote， 然后呢变量类型这里改成 array 格式的 string， 把它变成一个数组字母初二的格式。那这两项调整呢，主要是让我们的绘图提示词不要一起输出，而是分割成十二条提示词进行输出， 我们要根据十二条提示词去生成画面。那我们这里呢要添加一个 p 处理的节点，因为我们要一次性处理多条任务，我们点击对它进行重命名，批量图像生成， 然后呢运行，运行数量这里我们调整为三，然后输入这里呢我们输入绘图提示词，生成节点输出的 image promote， 然后输出先不去管它，我们在 p 处理器里面插入一个纳尔图片，生成这个插件，把它和 p 处理器连接起来， 然后呢点击对它进行配置，然后这个提示词，我们需要引入我们批量图像生成这一个节点的 item。 这个变量 参考图片呢，依然是我们开始节点上传的产品图片，图片比例呢，依然是九比十六，因为我们是单张输出，所以分辨率可以稍微低一点，让成本低一点， 我们就选择二 k 也够用了。那我把之前这个删除插件先给它断开，然后呢把批量图像生成节点和我们的结束节点连接在一起， 批量图像生成这个节点的输出呢，我们就把我们图像生成节点输出的这个图片地址给它引入进来，然后结束节点呢，输出的是我们批量图像生成节点输出的数组格式的图片链接地址，这样调整以后， 我们是一次性输出十二张单独的画面，因为我不是土豪啊，所以我这里就不再进行测试了，你今天已经测试过几次了，都是没有问题的，大家可以自己去做尝试哈。那搭建今天这条工作流所需要用到的资料我都放进了这个文档里面，有需要的同学主页低调学习。

大家好，我是二十七，本期呢是扣子工作流在电商行业的实战运用，那今天呢也是会从零到一开始搭建，那我们也是实操教学的，这个呢是低门槛，我们呢小白零基础也是可以学会了，这个工作流呢它主要呢就是我们啊输入 我们的商品原图，然后扣子工作了呢就会调用 nano 的 帮我们一键呢自动生成我们商品详情页图片可以是六张，也可以是十二张，我们看这边呢就是有我们这个生成的提示值啊，有六张的，那我们这边也会提供一个十二张的版本，这六张呢就是我们了 通过这个工作流生成出来的详情页，我们来看一下，你看这些像这些排版啊，这些都不需要你自己去设置它， ai 直接控制工作流啊，一键帮我们直接生成的这个细节是吧？还有给我们弄成这种场景图， 这个完全是生成的，不知道你有没有看出来这个是 ai 做是吧？然后这个是它加的我们那些卖点价格以及它的颜色是吧？ 那我们呢就是用的这一套工作流，一共就是这边帮我们生成我们的详情页提示词，然后这边就是直接帮我们生成图片啊，直接导出去，总共就这么大的两个步骤就完成了，我们呢也话不多说，直接开始我们的实操教学。那首先呢我们一样打开我们的浏览器搜索扣子， 然后呢我们找到这个带官方标志的这个网页啊，这个就是我们扣子官方的，然后在这扣子编程，然后我们点进去，在这边呢我们看到下面这个这边有个 d 代码模式，然后就可以看到我们这个工作流开发，我们点进来这边呢来设置我们的工作流名称以及我们工作流描述 名称呢，只能用字母以及数字和下滑线这些，那我们就直接设置为详情页，一键生成商品详情页图片， 我们点确认，这边呢就是我们的平时啊工作流开发搭建的页面，然后呢这个是我们输入的内容，这个就是我们产出的详情页图片输出的地方。那这边呢二十七老师啊 也有为大家啊准备好我们这一个搭建一个搭建思路大纲搭建步骤，我们给他复制一下哦，然后在这啊我们点这个注视，把我们的大纲思路放进来， 那一共呢是有五个步骤啊，这个呢就是我们整个工作流的流程，那第一个步骤就是输入我们产品的原图，最好是细节图，无论是手机或者相机拍摄，最好是有一些细节图，比如 说你鞋子的底部的纹路，以及我们的鞋面的那些图案什么的，最好是有细节的，三张图以上最好。然后第二个步骤就是会生成我们的啊详情页提示词嘛，是吧？我们这儿是不是这边需要生成我们的详情页提示词， 接着是我们提示词优化提示词限制，你看提示词优化提示词限制。然后第五个步骤就是通过啊我们的的那个 nano banana pro 这个插件呢来生成我们这个详情页图 片，总共呢就这五个步骤，那我们来开始第一个步骤，输入我们产品原图嘛，就是在这个节点来设置一下，那首先呢我们是把我们图片上上去的，那这面名字我们就修改为 啊，英美， r m a g， e 啊英美。然后这边我们把绿田给它勾选住变量类型呢，这边我们要给修改一下，因为啊我们最好啊是上传三张图以上，所以呢这边我们就要给它修改为这个 array 的 里面的 fire 的 英美籍，这样子我们就可以上传多张图片，然后接着呢我们是名制，我们产品名字要输进去，这边呢就命名为 name， n a n e 啊 name， 这样子呢我们就设置好了，接下来是我们第二个步骤，生成我们详情图的提示词，是吧？就是生成图片提示词嘛，啊，那我们这边一样的鼠标放到这儿啊，这个蓝色，这边呢小点这儿啊，我们拖拽啊， 然后呢在这这个大模型啊，我们给他点击添加进来，然后名字我们给他修改为生成详情图提示词这个模型呢我们这边呢就选择啊他豆包最新的这个一点六的视觉理解，这个 因为我们啊是有上传图片的，那需要他这个模型啊，有这一个视频理解这个功能这个作用。然后接着呢是我们的输入内容，我们来配置一下， 这边呢啊我们需要填两个东西，一个就是我们的名字，就是我们的产品名字，我们需要给他首先输入进去， 然后接着呢需要设置一个我们的那个尺寸呢，我们详情页图，他不是有一个宽度尺寸吗？多少多少像素，因为我们详情页啊 它那个高度是不限的宽度这个像素呢，那我们一般都是固定的，是吧？比如说你淘宝上面啊，抖音上面的宽度，根据我们自己的需求来这边呢我们名字就命名为 west， 就是 我们英文的宽度意思 w i d ph， 然后这边我们就直接设置为淘宝的那个宽度，七百九十像素 p x， 好， 这样子就可以了。接下来呢我们是视觉理解输入，这边呢就需要把我们刚刚的那个，我们开始输入的这个我们这个图片呢给它放进来，这样子就 ok 了。然后接着是我们这一个大模型的核心， 就是它的这个系统提示值，它的一个人设以及回复逻辑，这边呢我们是有准备好直接复制就可以。那这边是有两个版本， 一个是生成六张图的，一个是生成十二张图的，可以大家可以根据自己的一个需求来哦，那因为我们是做教学呢，所以我们就六张图就可以了，因为你生成图片越多啊，它所需要的算力 啊，成本也是越高的越多的，所以我们这边只用生成六张就可以。如果大家想生成十二张，那复制下面这个就可以，我们就复制这个是六张图的，把它放进来，我们可以来大致看一下，它是一个专业的电商详情页 设计师，我们就是根据我们这些痛点啊，这些体内的痛点，他会生成六张独立的图片，那还有这个尺寸，然后以及他的核心技能啊，大户型他的一个核心技能，三个技能，四个技能，你看风格设计、 文案设计，还有一次性细节，一个痛点分析，场景共鸣，这个就是它输出的格式，你可以看一下六张图片，我们这个详情页的提示时还有它的一个限制，这边呢排除了我们那个虚拟产品，因为我们虚拟产品用这个不太好生存，或者你需要再单独设置 我们这个系统提示时，就这样子。然后接着是我们的一个用户输入啊，就是我们输入的内容，让我们大模型能理解， 那就是这三个东西，商品名字以及我们那个宽度，那以及我们的图片。所以呢我们这边呢键盘在英文状态下按住 shift 啊，像我们的花括号，就是把这三个给它放进去，点进去之后它会变成蓝色，我们依次把它全部输入进去， 这样子我们就输入好，接着呢是我们的输出内容，这边我们名字啊就保存默认这个 out 库就行了。但是呢这个变量类型呢，我们给它修改，因为这边只能输出一个字母串，不能批量输出，所以呢这边呢我们就给它修改为这个 array 的 string， 这样子就可以批量输出我们的提示词。接着我们把这边呢异常处理啊， 这个啊我们给它时间呢修改为六百秒，就是它这个运行最大时间。这样子呢就设置好了啊，我们把它连接上， 我们来先做一个简，做一个测试啊，我们点这边呢测试该节点，然后这边就需要我们上传我们的一个图片以及我们的商品名称，这边呢我们就用这几张图啊给他上传上去，我们来做测试，那我们直接把它这几张图全部给他 拖拽进来，然后我们名字呢名字，这边呢我们就命名为啊啊老爹鞋男鞋，就这样就可以了，然后我们直接点这个运行好，我们看一下这边呢，他运行了五十四秒啊，给我们生成了啊，我们来看一下， 这是我们输入的内容啊，这是他推理大模型的推理，这边可以不用理他，我们只用在看输出，这这边 out 库里面看是不是六个内容，是吧？零到五嘛，有六张图片，那这就是他的提示词了， 那这样呢？我们第三个第二个步骤生成的内容，是吧？就没问题，第三个呢就对提示词进行优化，为什么呢？因为我们呢这个提示词它生成的是吧？它那个有的我们的痛点看 他没有，有没有完全加进去，特别细致，有时候可能会生成不出来，这个我们是生存没问题，但是如果他有时候生成失败，生成内容呢不符合我们要求，那这边我们就会加，正常的会加一道保险，就是我们这个第三个步骤提示是优化， 那一样的是个大模型名字，我们给它修改为提示词优化。然后呢我们这个模型啊，一样的是选择这个啊，视觉理解，然后呢是输入内容这边一样的，我们是输入两个 啊，一个就是我们的这个详情图的提示词，那是这个我们该选择这个 out 库，然后呢接着是我们的产品名称呢，就开始节点，你这个内，我们产品名称也放进去。视觉理解，这边一样的上传我们的图片， 我们开始里面的上传图片，然后是我们这个系统提示池，这边呢一样的是我们啊，选择这个准备好的，我们给它复制过来， 我们可以大致看一下，你是个专业的详情页设计师啊，专注这个领域。链领域，这个链呢就是我们的商品的名称嘛，就是比如说我们前面输入的那个老爹鞋男鞋领域啊，你能根据我们这个老爹鞋男鞋加上我们的图片 啊，和我们这一个前面提示词内容结合哈，在这个行业当中提炼优化它这面尺寸呢，我们给他设置的是五百一十二 啊，大家如果你要生成那种啊七百九的，那这边可以给他修改一下，就是这儿给他改成七百九就可以，然后这样子呢，我们这个提示就 ok 了，那就是我们这个用户输入内容，一样的是这三个内容给它传进来，我们键盘还是一样的英文状态， shift 加上括号这三个内容放进来， 这样子就可以了，然后这个输出内容我们一样的，这个可以保持默认就可以了。 output， 但是这个变量类型我们一样的是选择这个 array 的 string 异常处理，我们还是一样给他这边设置为 六百秒，这样就可以了。这个节点呢就设置好了，我们暂时先不进行测试，因为我们可以看一下这第四个步骤， 它给我们提示词加一个限制，就相当于再优化一次这个提示词内容，那如果大家觉得 你前面这两个提示是或者这一个优化的生成内容 ok， 你 像那这一个内容或者第三个步骤，第四个步骤，你可以不要给他删除掉，理解吧。那我们这边呢，就是给大家全部做上去，全部讲给大家，教给大家，大家后面自己跟着实操练习的时候呢， 根据自己的实际需求来这第三个步骤，第四个步骤的一样的是这个大模型，哦，那名字我们就给他这边命名为 提示词限制，这个呢我们模型啊这边就选择这个豆包一点五的这个默认的就可以了，一点五 pro 三十二 k 默认就可以了。然后这边呢就是说上传他的内容提示是优化里面的奥图，然后像这个呢我们就可以不用给他上传了， 因为我们这个是一个限制，也是一次优化。对我们提示词这边我们就把啊这个你看提示词限制，这个呢我们给他复制 好，可以看一下，你是个专业的提示词处理专家吗？你能处理生成各种生图工具识别的提示词。我们的一个要求这边呢是七百九，但是我们可以看一下这前面哦，这不是五百一十二，那我们一样给他，我们给他统一一下， 把这边给他修改为七百九。大家这边呢根据自己的实际需求来看，你是设成七百九还是五百一十二， 那我们把这呢也给大家修改一下，大家拿过去的看到的，呃，提示词这都是七百九十的，根据自己的实际需求来哦，这边可以自己修改。然后呢是我们这个用户提示池这边就是把我们这个输入的这个呢内容给大家上传上去， 好，然后输出啊，我们一样了，这儿给它选择 erase， 然后异常处理，这儿给它设置六百秒，这样我们这一个节点限制就设置好，相当于我们这一个提示词生成之后，通过这两个步骤给它优化，大家理解吗？ 那我们这边呢对这三个节点呢，同时做一个测试，那我们只用点这啊，运行这边呢，我们就是前面这几张图片啊，我们做测试用的啊，一个老爹鞋，那我们这边就给他上传是这几张图，然后名字是老爹鞋，蓝鞋，我们点试运行， 哎，我们看一下哦，一共运行了一分五十四秒，这三个节点呢都是有运行成功的，那我们给他点开看一下，都输出了， 说明没问题的内容。三个内容呢都是有输出的，我们可以对比一下，其实整体上没有特别大的区别，他只是对啊，我们的这一个我们可以看一下，他整体 可以看一下整体有没有什么区别，那我们整体看一下，那其实区别不是特别大，但是会有一些啊细节的一些区别，比如说我们这边有个高度，但是这边没有加进去，他只是写一个高度适配内容， 是吧？整体上其实呢有一定的优化，对，我们这前面第一个生成的这个提示词，那大家呢看自己的需求吧，如果觉得这两个没有必要呢，我们就相对于这两个不用加进去啊，相对于运运行时间呢，可以省个这一个五十来秒的时间， 就整体的运行时间，看自己的需求嘛。那我们这边做测试肯定是给大家全部放进去的，大家后面自己搭建的时候呢，跟着这视频教学视频搭建的时候呢， 如果觉得这两个没必要，可以给它删掉，只用保留这一个就可以了。好，接着呢是第五个步骤了，这边呢是生成我们这个图片就是在这儿点添加， 然后在这个插件这边啊搜索你和那 m n a 二，那二图片生成好，就是这个，因为 二十七用的比较多哈，所以这边我们就给他收藏了，然后我们点开选择这个添加，这边呢名字呢我们就给它啊命名修改为 图片生成好，这边呢我们就来配置下，这个呢是米和的 key 啊， api key， 这个就是调用我们这个涝力用的米和涝力来生成图片的， 那这边呢二十七小时也是有准备好的，正常呢就是这个我们给他复制一下，然后呢如果大家不知道怎么获取这个米和 key 啊 啊，我们这边也是有教程，后面呢大家可以来留言这个九九九领取这个文档，那我们呢放到这就可以了，但是我们正常是不会直接放到这的，我们会给这边啊加到保险，就是在开始节点，这边前面啊就是我们这个米和 key 啊， 然后在这边呢选择开始节点链接进来，到时候我们输入的时候呢，你看这样子呢，我们这个 key 啊才会保险， 因为如子如果直接在这里面输入我们的这个米和 api key 啊，如果后面你的这个工作流啊放给公司用，或者你给别人，那你这边放入你的一个米和 key， 就是 这个 你放进去之后，大家呢它可以直接来调用，相对于消耗是你自己充值的算计，大家理解了，那这个 key 我 们就这样设置了，在开始我们设置一个 key 嘛，输入 我们的笔和 key， 然后在这边引用，然后呢是我们这个提示词，这边提示词呢就是我们这个最终优化的啊，是吧？ 就是这个限制，这个提示词就这样上传了。然后呢是我们这个图片，这边呢我们一样的 开始节点输入的内容，但是你看哦，大家注意到没，我们这个提示词啊，以及这个，呃，我们的这个图片啊，他都变成红色，你看他的需求要求 和我们实际输入的不一样，是不是？这是一个什么问题呢？是一个格式的问题，所以我们正常呢这边呢不会直接把这个生成图片，这个节点呢直接这样放置，那我们正常会怎么操作呢？首先啊，我们对这个图片做一个处理，在这呢我们加一个业务逻辑，里面呢， 我会加一个代码，这个的作用是什么？就是来处理我们这个图片他的格式，所以呢我们这名字就给他命名修改为图图片 格式转化。这边呢我们啊就是需要把我们的开始节点这个上传的图片拿进去做一个参考，所以输入内容。这边呢我们就上传了我们开始节点的这个 片，那名字呢我们给它修改为参考，记住啊，这边一一定要修改为参考，然后输出。这边呢我们呢只用保保留这个 k 一 就是这个格式的 read 是 g， 其他这三个呢就给它删掉就可以了。然后是我们这个代码设置啊，在这儿编辑中，我们点开哦，然后把这个二十七老师准备好这个图片格式优化，这个代码我们来复制进去，记住啊，一定这个语言呢是在这个 java script 语言哦，不要选择这一个 python。 然后我们把这个内容呢这边呢就给它删掉就可以了，然后上传我们刚复制的，这样就可以了。好，然后呢这个怎么处理呢？这个呢？为什么会这样子？因为我们格式这边输入的是多个，这边输出的是 array， 就是一个啊，制服一个盒子，因为里面有六个内容，零一到五，但是这边它要求，你看它要求是 string 就是 一个一个输入，所以我们需要批量来处理了。这说明什么？我们这一个生成呢？它是一张一张生成的，所以我们正常呢会怎么样呢？会添加一个业务逻辑里面的一个循环啊， 我们来循环生成呢，就是相当于把这个内容呢，我们给他放到这个里面，知道吧？那这边呢？我们给他线这边连接上，那因为这个放这里面了，是吧？图片生成放这里面，那我们这边就需要给他配置一下，就是这个循环里面循环组这个整体我们给它配置一下。这边呢我们是使用这个 宿主循环啊，大家也可以改成这个无限循环，我们这边用这个宿主循环就可以。然后呢这个循环组这边就是输入内容呢，我们就输入我们这个处理好提示词就可以了啊，我们把它放进来提示限制里面这个这个输出呢？因为现在这个循环体里面还没配置好，所以这边是没办法设置的， 那我们先把这儿来设置一下，然后我们现在来看一下，这边呢，我们就会选择呢循环里面这个 int， 你 看，哎，现在是不是没问题了？这个就是我们这个内容，你看是不是现在它这没有变成红色， 那我们这个呢参考图片呢，这个我们呢就选择啊图片格式优化好，这个里面，哎，看是不是都变成白色， 这样子就 ok， 没问题，这个是图片比例，往我们这边就是设置九比十六手机的一个竖屏的宽度，然后呢这个是我们的一个图片的画质，我们呢这边就设置不用设不设置最低，我们就设置个中间的这个二 k 啊， 刚刚注意到没，这边选择二 k、 四 k 的 时候，它运行时间比较长，那超时时间建议设置六百，那就是这了，我们一场处理里面这边超时时间，这边给它设置六百，这样呢，我们图片生成就设置好，正常是应该直接这样链接起来 啊，直接在这输出就可以了，但是呢二十七呢，这边会给他再加一道保险，因为呀二十七担心他，我们这生成是六张图 这样循环生成呢，它如果这个它这个节点运行的时候用到通读了，它可能会运行输失败，相当于我们就无法生成图片，所以正常我们会加一道保险，我会在这加一个选择器，业务逻辑里面这个选择器异副条件了，判断条件是什么呢？就是我们这个啊， 图片呢，这个图片呢我们选择这个 data 啊，图片生成你们这个 data， 那 就是相当于如果我们这个图片啊不为空， 这个意思是就是什么呢？如果我们这个图片生成成功，那我们就会直接这导出去，是不是？如果他这生成的时候不为空，就是相当于如果他生成了就直接导出去，那否则就是没有生成了，是吧？否则没有生成，我们就在这呢，在下面这个 我们会在这儿再添加一个图片生成的插件，这边呢我们来就搜索米和纳 na 就 不要二了，就 na 图片生成，然后呢选择这一个，这是米和的它一个老版本 一样的，我们选择这个纳二就行了。纳二的意思是呢，就是 nano banana pro 版本，就是它最新的一个版本，我们一样选择这个，这个是我们它那个米和做的一个前面做的时间比较早的一个老版本插件，这样子相当于我们 啊给这个加一道保险，保证我们这个图片一定能生成成功。那名字呢？这边呢我们一样的给它修改一下，我们就修改为图片生成 二，我们来配置下。这个呢，一样的是我们前面的那个开始嘛，这个 key 嘛，然后图片呢参考的提示词 啊，一样的跟这个也是设置是一样的，就选择这一个循环里面的这个硬件，然后这个呢我们就默认就可以了，不用设置。参考图片啊，还是这个图片格式转化里面的，然后我们的比例刚刚也是九比十六嘛， 然后这个画质嘛，我们也是设置的 ok 啊，还是一样的，这个异常处理，我们给它改为六百秒，哎，这样就 ok 了，是吧？然后我们正常是这样 导出去，但是这会有个问题，因为我们这个图片它是生成六张，或者我们有需要也可能生成十二张，你这样直接导出去是一张一张的，很闪乱的，这边要输出很多很麻烦 的，是吧？我们正常的会给他打包装在盒子里输出，这样子就方便我们后面的一个导出，正常我们会在这加一个业务逻辑里面，这个呢变量聚合就像一个盒子啊，这条线呢 就要给他删掉了，连接到这，哎，这样连接上，然后呢把我们这个图片呢都给他放进去，就是我们这这两个图片都给他放进去， 那我们首先把第一个啊给它放进去，这边呢就选择这个 data 里面的 url， 这儿选的是那个 data 数据，那我们这边呢就选择这个 url 就是 图片数据了啊，然后是第二个 url， 不要选择错了，这样子我们就设置好了图片，这边就设置好输出的内容呢，我们看一下，哎，现在是不是可以选择 啊？我们选择是这个变量聚合这边打包好的数据，哦，这样子我们是不是正常给他导出去就可以了，但是会有个问题哈，循环生成了，原来循环生成会跟我们提示是一直循环生成，直到生成六张图为止，但是呢他这个中间可能会生成一个空值，什么意思呢？就比如说他第一次运行， 他没有生成，他会再接着运行第二次啊，根据提示词来生成图片，所以第一次运行他生成的内容是空的，但是这边导出呢，他也会装到里面导出去，这样如果我们导出去，相当于导出数据里面会报成空值。 什么是空值呢？就是没用的数据，那我们正常的会在这呢加一个插件，就是把我们这个空值啊，就是这个生成空的内容给它删掉，只要我们生成的图片数据，那去除多余数据呢？ 去除他这个空的数据，那我们会在这呢插件这边呢搜索礼盒 常用代码块就是这个，那我们也是有给他保持，就是收藏的啊。这边呢我们找到这个数组列表，去除空数据， 就是多余的数据，那明智，我们这边可以给他修改一下，改为去除 空数据。这呢我们就需要链接它的内容，就是选择这个循环里面输出的这个 out 库，就是我们的图片，包括空数据的内容。 好，这样子就设置好了，然后我们就是在我们最终输出这边啊，就是输出这个已经去除掉啊空数据的内容了，只有图片的内容，所以我们这呢就选择啊去除空数据里面的这个 data， 这样我们就整体的配置好了。 好，我们来整体做下测试，看下运行效果如何点这边那还是一样的，我们这个图片往前面上传的那几张图来，以及我们这个商品名称，老爹鞋，男鞋，然后还有我们这个米和 k， 是 吧？只用我们把这个米和 k 输进去 啊，前面二师兄讲过，大家拿到这个文档啊，不懂得如何获取，可以看这边啊获取米和 k 的 一个教程，会教大家， 但是大家需要注意一下这个米和 ki 啊，它消耗它这个呢也是需要充值算力的。扣子呢，你也是需要充值算力的，因为我们这个 ai 啊， ai 工具呢，它都是需要算力的，无论你是生成什么内容，它都是需要消耗算力，就相当于我们汽车的一个燃油工作了，就相当于我们造的一辆车子，但是你需要用这个 ki， 米和 k 那 已经用扣子的算力来作为燃油，才能让这个工作里跑起来，不然你没有输入这个米和米和 kim， 你 没有充值或者扣子，你没有充值算力，它是跑不起来的，大家理解吗？那我们这边就点测试。 好，我们看一下，那一共运行了六分钟，六分四秒啊，我们看一下这是不是输出了我们这个图片六张，那我们给它点开看一下。 好，我们来一次看一下。哇，看一下是不是这个模特， 我们前面输入的内容你看没有了，是不是红鞋是这个，其他都是黑色，你看 这个质感怎么样？是不是真的跟真实拍的一模一样，还加入了一些细节啊？你看细节这是不是没有，但是他给我们加进去，但是你看这个 面料是不是很真实，然后跟我们这边对比看一下，这个是一模一样细节内容是吧？牛逼吧？哎，看防滑加绒嘛。 然后这又是一张，是不是他整体还给我们搭配了这一套穿法？看卫衣裤子加上这鞋子，整个搭配舒适度感觉就不一样，是不是 感觉就很酷炫？这一套也是，然后最后是这个价格，这个价格你想设置多少呢？其实我们在工作流中也是可以设置的大模型， 你看还踩着一张桌子是不是怎么样？这六张还是很棒的，那大家其实也可以生成十二张的，这边有十二张版本六张的，这六张大概花费多少钱呢？ 哦，我们可以看一下，我们可以看一下大概花费多少钱，就是这六张图片一张五毛钱，五毛六就差不多三块钱就生成了我们这边 六张啊，高质量的图片，那如果是十二张呢？就相当于六块钱，你根本都不需要去请模特去拍了，像这样子，其实这个呢是相机拍的，大家用手机也可以拍，只要你能把这个图片这些细节啊拍的清楚就可以了，大家理解吗？ 所以你相当于花六块钱，就这样子做好详情页，相当于你把你这个商品的链接啊详情页就解决了，你甚至还可以把这些提示词给它修改一下，生成我们主图也是可以的， 你相当于多花几块钱，不超过十块钱，你就生成了一个产品的详情内容图片，加上这一个详情页，甚至视频也可以。下一期呢，二十七会带大家看一下我们如何来生成我们视频， 到时候我们一样的也用这一套图片来做测试。为什么会讲这个内容呢？因为其实很多做电商的，大家都理解你做这么一套图片，你找那些设计师，那些做广告的， 你看一下他们要多少钱，我觉得这个最少，你做这种一套要五百块以上吧，甚至更高，而且还不需要你自己去想， 但你请美工，那成本是不是也更贵？一个月你请个那种普通的美工，一个月最少也是四五千块钱吧， 高级一点的美工，你费用是要七千、八千甚至上万，那我们用这一套工作流呢？你相当于成本节省了多少？而且这个生存时间也很快，六分钟就帮我们解决了。 那如果你现在十二张的会更稍微，时间会稍微久一点，但是呢也比你找人做时间快很多了，你正常找一个美工做，最快你也要一天才能做出这么一套好的内容啊，但是我们这个 ai 啊，现在这么厉害，直接就给我们生成， 你看像这种对比图，对比图都不需要你自己去想，他直接帮你生成了。还有这种场景图，你说如果你找人去做，你还得去拍，是不是又得花钱？这个就不知道你要花多少钱，但你自己做都不需要这个， 那无论你是老板自己做电商啊，还是做电商运营的，你都可以拿到公司，你去试一下。当然这个会有个问题啊，因为二十七呢，在啊，这个米盒这边是一个 svip， 就是我我这边生成的费用是五毛钱，那如果你不是 svip 啊，是其他的啊，比如说什么普通会员或者 vip 啊，你的生成会员生成的费用会高一点，可能这边是一块钱呢或多少二十七这边就会比较平。二十七呢也是在这个米盒这边学的，基本上用的很多插件都是他米盒自己开发的，这些插件 确实很厉害的，比如说这个纳诺嘛 banana， 那 以及我们这个吉梦，还有你看还有那种爆款视频，二创的，还有我们这个 solo 二的， 那我们下一期呢，会用到这个 solo 二来生成我们这一个电商的短视频，就是主图视频，就是这个插件。这期呢我们就讲到这里了，大家需要这一套工作人补版的呢，以及这个提示词内容就是这个插件，这期呢我们就讲到这里，谢谢大家。

哈喽，大家好，我是文叔，今天带大家一起来搭建一条一键生成多国语言电商详情页的工作流，我们只需要给工作流上传一张或者多张产品图，他就会自动根据我们的产品识别类目，然后根据我们的类目设计出专业的这种产品电商详情页。 那么我先带大家看几个案例，稍后呢，我会带着大家按照这个步骤一步一步进行工作流的搭建，最后我们做一个实力演示的一个输出，看一下最终生成的效果。我们来先看案例，第一个案例是膝关节固定康复器，我对工作流的要求是俄语版本，我们给到工作流一张或者多张产品图，最后生成这样子的电商详情页，我们可以看一下实际效果。 膝关节固定康复器，他这种，他的这种实力展示效果还是非常不错的啊。我们主要来看一下这个文案是否准确，我们来翻译一下 用于震击石膏更换人工制品恢复，对吧？所有的关键词都已经打上去了，所以这种翻译的效果还是非常好的啊。那我们再看第二个，它做了一个对比产品重量的对比，我们看一下这个翻译的效果， 对吧？碳纤维仅重零点八五公斤，这种效果还是非常 ok 的 啊。来我们继续往后看，看一下它这种细节展示， 这种细节展示这种图片设计还是非常好的啊。来，我们继续往下看，我上传的第二个产品是一个夹克图，那么这个夹克图也是一样的，他会根据我们的产品自动拆解类目做出专业的设计。我们来看一下这个最终生成的效果， 对吧？我们仅仅是上传了一张产品图，他就会根据这张产品图给我们匹配一个没有版权的模特，然后进行一个图片设计，这种效果是非常棒的啊， 它还会根据我们上传的这个产品，比如说我们上传的服装，对吧？进行一个 ootd 的 搭配，给大家带来一个直观的视觉感受，大家说这个效果六不六， 然后还有个尺码表，大家可以看到这种服装的对比图，上身的一个对比图，效果还是非常好的啊，这都是工作流帮我们自动去拆解生成的。好的，我们来看一下它的细节展示，对吧？这种细节展示效果是不是特别棒？ ok， 我 们来看最后一个是一个耳机，是英文案例，像这种耳机这种小品类类目的产品，那么我们生成的话就以简洁为主，像这种对比图也是 ok 的， 对吧？包括这种运动的时候穿戴耳机的效果， 对吧？包括他还会给我们展示出在不同场景下使用耳机的一个使用场景，对吧？好的，那么接下来呢，我就会带着大家按照这个步骤进行工作流的一个使用场景，对吧？好的，那么接下来呢，我就会带着大家按照这个扣子编程，我们点击一下， 然后继续点击资源库，右上角点击新建资源，点击新建工作流，这里有个工作流名称和工作流描述名称，这里只能输入英文，我们就输入多国 下划线详情，然后工作的描述就是一键生成跨境详情页，对吧？我们点击确认。进入到工作空间以后，我们有两个初始节点，一个开始节点，一个结束节点，我们先不用管结束啊，我们从开始节点进行编辑，我们在编辑之前呢，先把咱们的步骤复制过来， 步骤复制过来以后，我们就可以根据步骤进行我们的工作流的搭建。好的，现在步骤已经复制过来了，我们现在进行编辑，大家可以看到我们要在开始几点输入什么东西？首先是我们产品图，还有我们的产品介绍，最后是需要的语言，那么我们点击开始进行编辑， 第一个变量什么呢？是我们的产品图变量名，这里只能输入英文，我们就输入产品，对吧？变量类型这里我们一定要去更改啊，点击 select 里面的 file 里面的 image。 为什么选择这个数值格式的图片上传呢？原因是我们要上传一张或者多张产品图， 让工作流为我们去制定更精细的一个详情页，所以一定是数组格式的一个上传。第二个是我们的产品介绍，介绍就是文案，那么我们这边就是讯格式的变向类型是没问题的。第三个就是语言， ok， 这三步编辑完以后，我们的开始键就编辑完成了，我们就进行我们的第一步编辑。开始界面这边我们编辑完成以后，我们进行第一步的搭建，第一步是什么？第一步是详情页框架及图片设计，所以我们先拉出来第一步一个大模型，对吧？然后双击给他改名，我们先把名字复制过来， ok， 改完名以后，这个改名大家一定要养成一个良好的习惯，因为在这个工作流里面我们会用到很多的大模型节点，为了不让你后期应用上面造成一个混乱，所以一定要进行一个改名，把它们区分开来， 对吧？然后进行编辑，呃，模型调用这里我们就用豆包一点八的深度思考，因为这里面有一个图片理解功能，而且这是一个最新的一个大模型，所以我们就用它这里的输入文字输入向这里我们要增加一项，首先要输入我们开始的一个产品名字，就是我们所谓的产品介绍，还要给他定一个宽度， 然后七九零 p x， 对 吧？这就是我们详情页常见的一个宽度啊， p x 就 像素的意思，视觉理解输入就是我们开始拿到这个产品图片，对吧？ 然后到这里大家一定要注意啊，我们在这里一定一定要注意我们这个工作流最重要的就是我们的这个系统提示词，这个系统提示词是我通过两天左右的时间进行迭代，才拿到了一个比较好的一个结果，所以我们一定要在后期认真的去迭代他。我先把我准备好的系统提示词来给复制过来， 我们可以简单的看一下这个系统提示词，这个系统提示词还是写的比较长的啊。首先是它的角色定位，专业的电商详情页设计师，精通视觉语言与用户心理，通过精准单图、聚焦、场景化文案卖点提炼、痛点分析等等一系列的要求，为我们生成一个十二张独立图片的完整场景，对吧？ 然后这里有核心技能，然后后续我们还给它增加了一系列的要求，所以这个系统提示词是非常关键的啊，那么用户提示词这里我们对它进行一个用户提示词的引用， shift 加中括号， 然后对它进行一个改名，首先是产品，产品名，然后下面这个是宽度， 最后是一个产品图，我们对它改名的目的是为了我们做一次二次检查，不要让我们在引用的时候引用错误，对吧？好的，那么输出格式这里我们一定要把它的这个变量类型改成 arraystring， 复制串数组，因为这是十二张图片的一个生成。然后最后这里的异常处理，大家也要注意啊，一百八十秒，我们改成六百秒， 因为他要处理大量的文字，为了不让他报错，刚才是一百八十秒，如果他没有有效生成，那么一百八十秒结束后，这个工作流就报错中断了，所以为了不让他报错，我们改成六百秒。好的，第一步就编辑完成了，还是非常简单的啊。来我们进行第二步的编辑，继续拉出来一个大模型， 继续给他进行一个改名， 改完名以后我们进行一个编辑。第二步什么根据行业制定详情页，这就是我刚才在介绍里面给大家说到过的，根据我们上传的图片和产品介绍，进行一个什么行业的一个定制。 来我们进行编辑模型调用，这里还是多宝一点八的深度思考，然后文字数项这里我们要多增加两项，第一个调用是不是就是我们第一步拿到的一个提示词呀？对吧？然后就是我们开始节点拿到的一个产品介绍，还有最重要的一个语言， ok 文字输入这里就是我们开始几点拿到的一个产品图，然后根据我们上传这些变量加我们的系统提示词，定制我们的行业详情页，所以这个系统提示词也是非常关键的啊， 每一个系统提示词都是要花大量的时间去进行迭代和调试的，我们来看一下这个系统提示词，你是一个专业的详情页设计师，你专注于大家，可以看到这里的引用变量是灰色的，我们可以点击一下，直接换成我们的一个引用内幕，就相当于我们的产品名，所对应的就是我们的介绍，对吧？我们点击介绍， 你能根据给的内幕就是我们的介绍。 image 图片就是我们的产品图片，对吧？和我们输入的第一步的一个详情页的框架提示词结合我们的产品名 介绍，然后行业特点进行提炼优化，同时你还能保留原本提示词设计逻辑和语言设计，并且能精准限制深层的详情页尺寸宽，对吧？这里要求了五一二 p x 比例，九比十六，九比十六的一个正常像素比例，两 k 的 分辨率，对吧？这里都是有一个要求的，生成十二个， 那么这里的语言 language 就是 我们的开始节点输入的一个语言，所以这个提示词这里我们去引用我们刚开始引用的一些变量， 然后第二个是介绍，第三个是语言，第四个是什么呢？是我们的产品图，对吧？这里我就不做改名了啊。输出这里我们一定也要注意，一定是 a russian 字母串数组，因为我们要对它进行十二张图片的一个生成 异常处理，我们对它进行六百秒的一个设置，这里是要处理大量文字的，所以我们给足它时间。 ok， 那 我们进行第三步的一个搭建，这个工作流搭建起来的逻辑还是非常清晰的啊，所以大家一定要跟上文书的节奏。那么第三步我们继续拉出来一个大模型， 这个大模型我们对它继续进行一个改名。第三步的功能还是比较简单的，就是我们的简单的优化提示词啊。 优化提示词对我们前两部输出的提示词进行一个精简优化，好的，我们进行编辑，我们这里只有一个输入项，就是我们第二部拿到的一个提示词的输出，然后根据我们的一个系统提示词进行提示词的整体优化， 这个提示词也是我经过一天左右的时间进行了一个迭代，才有一个比较好的输出，是一个精准的优化提示词， 我们可以看一下，你是一个专业的详情页提示优化专家，专注于将用户需求转化为适配深图工具的精准提示词，确保深图详情页在尺寸、分辨率、布局上完全符合要求，同时保留原始设计逻辑与语言风格，对吧？对它进行了一个限制。 用户提示词，这里我们 shift 加中括号，仅用我们开始的变量。那么在这里细心的同学应该注意到了，我没有去改模型，我们其实是把这个模型改成一个逗包点五就可以了，这样子生成的速度会更快一点。然后这里的输出还是一样的 r、 s、 c 字母串数组的输出，然后异常处理，我们再次给它改成六百秒， ok， 第三步也完成了，是不是非常简单呀？来我们进行第四步搭建。第四步，什么图片转组？这个图片转组我给大家解释一下，为什么要对它进行一个图片转组？ 因为我们生图工具里面的一个输入参考图的格式是自创数组的格式，所以我们开始点上传的是一个图片格式，我们要对它进行一个转组，方便我们在后期生图的时候对参考图有个精准的参考，所以我们要对它进行一个转组， 我们这边模型调用还是用到我们豆包一点五的 pro 九， ok 了，然后只需要上传我们开始几点的图片产品图片，然后根据我们的系统提示词，这个系统提示词还是比较简单的啊， 就一句话，职责，接收上游给进来的所有图片地址。 image 以数组形式输出这里的用户变量，大家可以注意到还是灰色的，我们点击一下，直接引用我们输入的这个变量就 ok 了，变成蓝色的就代表我们引用成功了。用户提示词这里我们是否加中括号 去引用我们这里输入的变量，然后输出这里一定是什么 raspberry 字母串数组的格式进行一个输出。好的， 这里我们在申图前的这些准备工作就已经做完了，现在我们该干嘛了？是不是我们这个图片循环伸出，但是大家可以看到这里有个详情页翻译，那么现在你一定要认真的看我接下来的一个操作，我们首先要拉出来一个节点，在业务逻辑里面去找到这个批处理，我们要批量的生成一个图片，我们对它进行改名， 批批量生图，对吧？我们批量的对他进行一个生成图片，然后这里的并行数量设置，我们要选选三，因为这样子是降低我们报错的一个风险，越多他越容易报错嘛，对吧？输入这里我们一定要拿到我们什么呢？第三步，优化的提示词，对吧？第三步，优化的提示词， 然后批处理主体里面，首先我们要先拉出来一个大模型节点去做什么？第五步，我们的详情页翻译工作， 因为它是十二张图片的生成，那么每一张图片的要求是不一样，文案是不一样的，所以我们要在 p 处里让它对每一张每一张的图片单独进行一个什么翻译，翻译完以后给到生图工具，让它按每一张每一张的顺序进行一个输出，这样子才不会报错，所以我们要把这个翻译节点放在我们的 p 处里主体里面， 好的，我们进行一个改名， ok， 改名以后大模型调用这里我们可以用到多包一点五的一个 pro 就 ok 了，这样的速度会比较快一点，因为它只是起到了一个翻译的工作。那么输入项这里我们要增加一项，首先是不是要拿到我们循环主体里面拿到一个什么输出，就是我们拿到的第三步的优化提示词， 然后还要拿到什么？我们开始几点的一个语言，根据我们开始几点的语言要求，对我们循环几点拿到这个优化过后的提示词，进行一个提示词的翻译工作，最后来配合我们的系统提示词进行这个详情页的翻译，我把这个系统提示词复制过来。 ok， 我 们输入系统提示词。好的，我们把系统提示词复制过来以后，我们继续进行下面的用户编辑。 用户提示词，这里是什么啊？引用我们刚才引用的这个变量，对吧？两个变量， ok， 输出，这里就是字串的一个输出 string， 然后异常处理，我们一定要给他做一个变更啊，六百秒。 好的，我们翻译这一步已经完成了以后，我们就开始我们的深图工作了，我们再拉出来一个节点，这里搜呐二 na 二，图片生成这个插件，这是我收藏过的插件啊，没有收藏过的插件的同学可以在这里去查找这个插件，点击这个图标的呐二，图片生成，然后我们双击对它进行一个改名。 好的，我们进行编辑 k， 这里我先把我准备好的这个 k 复制过来。好的，没有 k 的 同学可以看一下我们这里的一个 k 的 使用教程啊。 其实词就是我们第五部拿到的一个翻译后的提示词图片，这里参考图片就是我们转弯组的一个参考图片，对吧？然后比例就是九比十六 后清晰度我们就选个一 k。 ok 循环，这里我们要拿到我们的一个 url 深图的一个链接地址。好的，那么在这一步我们就完成了所有工作流的这个搭建，我们把结束节点拉过来， 拉过来以后我们进行一个连接，然后去引用我们循环拿到的图片生成地址。好的，那么我们现在对这个工作流进行一个什么，进行一个测试，测试一下我们最终生成的一个效果，我们点击试运行，然后上传张图片，我们上传这张面包的图片， ok， 介绍一下全麦面包，然后语言写成韩文，我们点击输运行，这里我们可以上传多张图片，对他进行一个什么产品一致性的把控，那么我们做测试就上传一张就 ok 了，我们点击输运行， 点击顺行以后，大家可以看到我们这边工作人员就开始工作了，咱们稍等一下，看一下最终的一个生成效果。好的，那么我们现在结果已经出来了，来我们看一下实际结果，大家可以看到这种效果还是非常好的，包括这个文案，我们来翻译一下这个文案， 高纤维坚果保护持久，持久耐饿，全麦配方轻食最佳选择，对吧？这种文案翻译的准确度都是没问题的，对吧？来我们看一下下一张 这种介绍效果都是非常棒的啊，对于细节的这种介绍，是吧？来我们再看一张这种对比图，这种效果是非常好的啊。 其实这个工作流我们还是有一个很大的迭代空间的，比如说我们增加一个图片视例，让它根据我们的要求进行一个内容的输出，那么这样子我们就可以更加可控的对我们的一个预期进行一个输出。那么今天的这个工作流就先分享到这里，我们下期再见，拜拜。

今天带大家一起来搭建这样一个可以一键生成电商详情页的扣子工作流，我先给大家看一个产品的案例，一会的话我再带着大家按这个步骤一步一步来进行搭建，最后的话我们再实地演示一下这个搭建的一个效果。 今天的这个工作流还是比较简单的，你只要跟着我的这个节奏，你也可以一样搭建出这种一键生成产品详情页的一个工作流。 我们先看案例，这个呢是一款毛衣，我们给他一张图片，或者我们也可以给多张图片做一个产品参考，然后工作流呢他就会自动判断这个产品的类目，为我们生成十二张这种产品的一个详情图片，我们来看一下这个具体的效果吧。这一款呢是一个红色毛衣， 给的是一个产品的图片，服装的话他就会自动为我们去匹配一个无版权的一个模特，最终的话会生成十二张这个产品的详情图，我们看一下这个细节非常到位，对不对？效果还是很 ok 的， 我们再看下一张，他的一个卖点都能给大家提炼出来， 以及这个人物的一个对比，效果还是很 ok 的。 好，那接下来的话我们就进行一个完整的实操。好，首先的话我们打开扣子一个官方页面， 点击扣子编程，然后左边有一个叫资源库的，我们点击这个资源库，然后往右上角有一个资源，对吧？我们点击这个资源，在这里我们创建一个工作流，这里是工作流的一个名称和描述，名字的话我们只能用英文，这里我们可以输入 详情页，好，工作流描述里边呢，我们就可以输入这个中文，在这里呢我们可以输入一键生成详情页，好，点击确认，好。进入到这个空间之后呢，默认的他有两个节点，一个开始节点，一个结束节点，结束节点呢，我们可以先不用去管，我们从开始节点给他进行一个编辑， 那么编辑前呢，我们先把这个步骤呀给他复制过来，可以把这个放大，然后在这里复制我们的一个搭建步骤， 我们给他粘贴到这里，按照这个步骤呢，我带着大家一步一步来进行一个实操，大家一定要跟上我的节奏，这样你也马上能搭建出这样一个工作流的。那么首先呢，我们在开始节点这里，你要了解到我们给这个工作流什么样的一个数据，比如说开始我们需要给他一个产品图，还有产品标题，对吧？所以我们要去选择 这个开始，右边的话，这个是编辑栏，我们去给他进行一个编辑。那么这里是不是有两项，第一项呢就是我们产品的一个名字， 我们给他改个名字，比如说 name 这个变量名啊，在这里我们必须是这个字母只能是英文的，不能是中文的，当然我们也可以用拼音，也可以用英文，都是可以的，那么这个必填项我们给他打上勾。 那么第二项呢，就是我们的一个产品图片，对吧？产品图片呢，我们也可以给他改个名字，比如说 in mag。 好， 然后我们变量类型这边呢，一定要给他改一下， 找到这个 array， array 里边呢有一个 file， 我 们选择 file 里边的一个 image， 我 们一定要选择这种格式才可以一次性上传多张图片， ok， 这就是我们一开始要给到的一个数据，那么我们看一下，第一步就是固定详情页框架 以及图片的一个设计。第二步呢按产品的分类自动优化。第三步他是精炼提示词，固定输出尺寸，所以在详情页的提示词这块我们就做了三步，也就意味着我们就需要几个大模型，那这里我们是不是需要三个大模型来完成？ 那我们呢先来完成前面这个三步，就是提示词的这个板块。第一步我们先确定一个框架，在这里我们拉出一个节点，然后去选择我们的一个大模型，我们双击大模型给他改个名字，我们可以改为详情框架提示词大模型的每个节点一定要给他命名个名字， 不然的话在后边选择的时候就容易混淆，好来我们给他进行一个编辑。首先模型这里呢我们选择豆包一点六的一个视觉理解， 为什么我们要去选择这个视觉理解呢？在输入像这里是不是给了他几张图片对不对？要让这个大模型去识别图片吗？既然是识别图片，所以一定要选择视觉理解这个模型，然后在输入像这里我们需要把谁添进来？ 首先我们要把这个开始的一个名字给到他，对不对？你要告诉这个大模型我们今天生成详情页的产品是什么产品吗？对吧？然后第二个我们给他一个宽度，在这里我们给他另一个名字， 比如说这个宽度要求这个大模型啊，应该按什么样的一个宽度给我们去生成提示词，对吧？这个详情页产品的一个图片提示词，我们给他输入七九零，好，这里是输入项，那么接下来呢，他是一个视觉理解的一个输入项，那么视觉理解呢？我们要把什么丢进来啊？ 我们是不是要拿到一开始的这个图片，我们把这个图片呢给到大模型，让他来识别并理解，再根据我们给到他的一个系统提示词，去生成对应的一个详情页图片提示，对吧？ 所以在这里系统提示词它是非常重要的，一定是叠带过 n 次之后才可以拿到一个很好的效果，所以这个提示词的话一定要认真去叠带。那我这里呢已经把这个叠带好的提示词我给它复制过来， 然后我们粘贴到这里来给大家看一下这个提示词。你看这个提示词呢，它是非常非常的细，首先所有的系统提示词呢，它都有一个这样的框架，比如说它会给这个大模型赋予一个角色定位， 告诉他你是一个专业电商详情页的设计师，精通视觉语言与用户心理，通过精准单图聚焦、场景化文案、卖点提炼、加通点分析来打造十二张独立的图片，对不对？像这个尺寸的规范呢，就是我们的一个常规规范，然后核心的技能有目标输入还有输出， 这个啊都写的非常非常的详细。 ok， 这个是一个系统提示词，我们再看一下我们用户提示词，用户提示词呢，一般我们按这个 shift 加上左划括号，然后呢把所有上面这个变量全部给它引用进来，比如说这里呢是一个名字，这里呢是一个尺寸， 这个是我们产品的一个图片。好，我们都给他备注一下，在这里我们是可以给他们命名的。 ok， 这个是用户提示词，我们再接下来看一下这个输出，输出这里我们需要把这个 string 改为 array string， 它属于一个字母串的一个数组。 然后为了在整个生成过程当中呀，我们不会超时报错，我们在异常处理这边呢，把这个超时时间给他改的长一点，不然的话呢运行的时间超过一百八十秒，他就会自动停的，就容易出现报错， 在这里我们给它改为六百秒。好， ok， 这整个呢是我们详情页提示词的一个。第一步我们先确定好产品的一个框架，第二步就是要按产品的分类，对吧？根据分类然后我们再自动来优化，所以这个时候同样我们再给他拉出一个大模型，点击这里， ok， 好， 我们双击大模型 命个名字，在这里呢，他就是优化，我们按分类优化提示词，对吧？在这里我们写按分类优化提示词，给他备注一下。好，我们来给他进行一个编辑模型，这里呢同样我们选择豆包一点六视觉理解，因为他是要识别这个图片吗？对不对？ 接下来就是输入项，这里输入项有文字输入项和视觉理解的图片输入项，这两项我们都要增加进来。首先文字输入项这里我们要把开始里边的一个名字给它输入进来，然后我们还要把我们这个详情框架提示词里边的一个 arraystring 也要给它增加进来， 接下来他就是视觉理解的一个输入，同样我们还是要把开始节点里面的一个图片给到他，让他根据这个图片啊来进行一个优化。接下来就是我们的一个系统提示词了，这个系统提示词刚刚已经给大家讲了他是干嘛的，就是告诉这个大模型怎么样来给我们进行生成，对不对？ ok， 我 们把这个已经叠带的给它复制一下，粘贴到这里，这个呢就比较简单了，因为我们前面这个提示词已经出来了，对不对？这里只是优化，所以你看这个系统提示词， 你是一个专业的详情页设计师，我们一开始前边输入进来的名字的一个变量吗？专注我们这个类目的一个领域，然后能够根据我们的一个类目还有图片，再结合前面的一个详情框架提示词 这个行业的一个特点来进行一个优化和提炼，对吧？就写的非常的详细，并且最后还固定了什么？固定了一个尺寸，当然了尺寸这里我们也可以更改的，这边数量也可以更改，数量我改的是十二，大家也可以改为十六、十八都是可以的。但是在这里我们需要注意一个点啊， 如果在这种双括号里边，这个没有变为蓝色，那说明什么？说明这个变量它没有引用成功啊，那我们看这里这个 name， 这里不是高量，我们把这里改为 name 啊，你看这里已经变了吧，这个 input， 那 么这个的输入变量是谁呢？ 这个就是我们详情框架的一个提示词，我们在这里啊，给它改为 input 啊，这里也变了颜色，这整个才是正常的，不然的话这个变量呢是引用不成功的。 ok， 这个是一个系统的提示词，接下来是用户提示词，同样我们按住这个 shift， 加上左括号，这里我们把 所有的这个变量呀全部给它引用进来，在这里大家也可以改个名字，这里我就不改了。好，这个输出变量类型，这边呢我们同样选择 arraystring， 这个是我们字母串数组的一个格式异常处理，这边呢我们这个超时时间给它改的长一点， 因为我们处理的文字是比较多的，所以给他改为这个六百秒。好，这个就是我们的一个框架提示词。那么类目进行优化之后呢？接下来还有这个第三步，我们经典提示词固定输出尺寸。好，所以我们在这里再给他拉出一个大模型， 我们双击大模型，在这里给他改个名字，他的作用呢就是进一步去优化这个提示词，我们给他改一下， 这里同样我们给他进行一个编辑，这个模型呢，我们可以给他选择这个度包一点五 pro 就 可以了，因为这里呢只是进行一个精简，一个提炼，不是让他去生成的，所以我们直接选择度包一点五 pro 就 可以了。好，这个输入像这里呢， 我们把前边这个按分类优化提词词里边的 out 布特给它引入进来，就是这个系统的提词词视觉理解，这里我们可以不用输入。接下来就是系统提词词给它复制过来，点击复制， 我们粘贴到这里，这里也是一样的，它告诉你你是一个专业的提示词处理专家，不管多复杂的一个提示词，都可以处理成这种生图工具识别的提示词，最后的话还有这个比例， 还有这个图片可以生成多少张？好， ok， 这个是系统的提示词，我们这个用户的提示词，同样还是按住这个 shift， 加上左括号号，把这个给它引入进来，好输出。这里呢我们要给它改一下这个变量类型，我们改为 stream， 然后异常处理，这边呢 我们给他改为六百秒，好，到了这一步呢，我们详情页的提示词呀，就算完完整整的全部完成了，那么当我们有了这个详情页提示词，还有图片提示词之后呢，接下来我们是不是可以正常生成图片了，对不对？但是我们在生成图片之前呢，这个生成的过程当中呢，还要参考我们前面的一个产品图， 这样的话才能够保证我们产品的一致性，对吧？我们前面呢，图片上传进来的一个格式，跟这种参考图片生成的时候，这个插件参考的格式不匹配，所以我们在中间啊，需要再给他增加一个参考图片的一个转组。那怎么转组呢？ 朋友，我们可以用大模型来完成，我们拉出一个大模型，点击好，然后我们双击给他改个名字，这里呢他是给参考图转组。好，这里我们给他改一下参考图转组呢，也就是转格式。然后边呢，我们升图的时候，他能够识别好这里给他进行一个编辑 模型，这边我们就不用改了。好，然后这个竖向这边呢，我们就可以把一开始的这个图片呢全部给他上传进来， 接下来就是一个系统的一个提示词，同样我们把这个图片转组的一个系统提示词呢，给它复制过来，然后我们给它粘贴就可以了。你的任务呢，是从上游传入的图片数组页面中，精准提取所有的符合规范的一个图片链接。好，在这边呢，这个页面它没有变蓝，是吧？我们这边的名字要跟变量名是一致的， 这边我们给它改一下。好，大家看这里就可以了。 ok， 这个是系统提示词，下边我们看一下用户提示词，同样按住这个 shift， 加上左括号，引用上边 e， m， g 的 名字就可以。下边输出项这里呢我们选择这个变量类型是 array string， 好， 异常处理里边我们同样给 加到六百秒。好，这样的话更保险一点。 ok， 那 么咱们整个生成图片的所有前期工作我们都已经做完了，接下来我们就开始生成图片了，因为图片呢，他不止这一张，我们要的是多少张呀？十二张图片对不对？所以在这里啊，我们不能单拉一个图片节点， 我们从这里呢给他拉出一个叫循环的一个节点，因为我们要给他循环生成十二张，所以在这里我们选择循环，然后给他改一个名字。好，这个循环详情图，在循环类型里边呢，我们使用这个数字循环，然后在变量值这里呢， 我们选择这个进一步优化提示词里边的 outfortok， 这是上面这一个节点我们要去设置的，然后在循环题里边呢，我们就可以拉出一个节点， 在这里我们在插件里边搜索 nano 二，好，找到这个图片生成，如果经常用的话，我们可以点击收藏， 直接我们添加就可以了。好，同样我们双击它给它改个名字，因为它是生成图片的吗？我们改为生成产品详情的一个单图，好，我们选择编辑，首先这里有个 k， 那 这个 k 的 话，我们直接给它复制过来就行了，如果你不知道这个 k 如何获取的话，你可以看一下我这里边的一个教程， 有一个详细的获取 k。 好， 然后这个 promt 呢，是我们的一个描述词，对不对？所以我们在下拉列表里边选择循环详情图里边的一个 item， 然后这个就是我们刚刚讲的图片数据库，对吧？这个图片数据库最大支持十四张，这里我们选择给参考图转组里边的 output， 接下来呢就是这个比例了， 比例我们选择九比十六，在这里给它粘贴一下，然后下面这个是我们这个产品图的一个清晰度，这里我们选择两 k 就 可以了，我们也给他粘贴一下。好。异常处理，这边同样我们给他改到最大值六百秒，因为这里呢他处理的时间会比较长， 所以容易超时，我们一定要把它改成六百秒。好，那么这是这个，那么接下来我们为了保险起见，因为有时候怕他在生成过程当中出错，对吧？我们选择一个叫 if 的 一个选择器， 然后我们选择他编辑这个选择器是为了干嘛呢？就是判断呀，我们前面这个图片有没有生成成功，如果说他生成成功了， if 是 如果的意思吗？对不对？ 所以在这里我们可以选择生成产品详情页里边的一个代码，也就是说如果说这个图片他不为空的情况下，也就意味着我们图片已经生成出来了，那么不为空怎么办呢？你看在这个节点这里跟前面有什么区别？他这里是不是有两个点，对吧？一个是输出为空，一个输出不为空， 我们作为选择呢，首先他是不围空，我们给他拉出来围空的话，我们就给他做一个变量聚合，好，我们给他丢掉聚合的这个节点，这个聚合的节点呢，他的目的就是把两个变量最终输出的合并在一起。好，我们点击这个变量聚合下拉列表，找到生成产品详情图里边的一个 url， 这个呢也是我们图片的一个链接数据吗？对吧？这个是第一个条件，这个是选择不为空的情况下，不为空的话，他就直接输出了，那如果说他为空呢？前面这个节点为空的话，那就意味着他就失败吗？对不对？那这个时候我们就重新给他生成，所以这里要拿出一个节点， 我们还选择纳尔图片生成，好，我们现在给他改个名字，这是二次生成，对吧？我们给他改为二次生成图片，然后我们选择这边的编辑这个 k 呢，我们还用我们原来的那个 k 给它粘贴这里，那么这个提示词呢？我们选择哪里就要选择这个循环详情图里边的一个提示词，这个呢是我们的一个参考图片，对不对？这个我们就要选择这个给参考图转组里边的 outboard， 哦，同样我们这个比例呢选择九比十六，这边给它复制过来，这里 我们的默认值选择两 k 就 可以了，好，给他粘贴这里异常处理，这边我们给他改为六百秒， ok， 那 么这个时候呢，他是一个二次生成啊，如果前面他生成失败的话，那么第二次就让他生成这个图片，那如果说前面这个生成成功的话，同样是丢给这个变量聚合 好， ok， 那 么这个时候呢这个是第二次生成，如果前面这个生成这个图片，那他生成成功怎么办？同样我们这边呢需要把这个线 连起来，也是给到这个边上去和，所以选择它之后呢，我们把第二次生成的这个 url 也要全部给到它，然后给到它之后呢整个都是全部输出了， 所以在这里我们把这条线给它连上，那么在整个循环体里边我们都已经给它设置完了。好，那么接下来呢就是这个主体的一个输出项了， 在这里变量值我们选择变量聚合里边的一个所有数据， ok， 那 么到这里的话，我们所有的图片就可以去进行一个生成了，但是在生成的时候，有时候他会出现很多空的地址数据，我们还要把这个空的地址数据呢给他过滤一遍，所以我们在这里拉出一个节点， 增加一个常用代码块，在这里我们选择这里边的第二个就可以了。好，这个的话就是去除我们空的一个数据， 这里双击我们给他改一个名字去空，这个目的呢就是为了把我们所有生成出来的一个产品详情，图片呢给他单独提取出来，所以我们要给他增加这么一个节点。好，这个节点呢我们去选择谁？我们是不是要选择这个循环节点里边的一个 out 布特， 这是一个图片循环拿到的一个结果，对不对？所以选择他拿到一个结果。好，最终我们再把这个结束节点给他连起来， 所有都已经完成了，结束节点我们要拿谁的数据啊？我们是不是要选择这个？最后去空数据里边的一个带他。好，咱们整个工作流都已经搭建完成了，接下来我们检测一下这个搭建工作流的一个效果，然后我们点击这个试运行。好，那这边呢，我们把这个需要上传的图片给他拖进来， 这边呢已经上传成功了，在这里我们给他改一个名字，红色毛衣。好，我们给他运行一下。 ok， 好， 现在所有的节点呢都已经运行完了，最终呢我们在运行结果，这里有十二张图片，我们可以点开他，然后看一下效果， 这个呢是我们第一张怎么样？效果还不错吧？然后这个是我们的第二张，然后第三张这个效果也是非常好的，我们再看一张，比如说这一张是不是也很真实，对吧？他整个展示效果的话还是非常好的，那么 ok， 今天我们整个工作流就讲到这里，感谢大家的观看，我们下期再见。

电商圈彻底炸锅了！扣子加 no no banana 这套神仙组合来了！只需要上传商品图，五分钟直接生成高质量商品详情页！先看成品 操作零门槛，听好步骤，浏览器搜扣子，进资源库选商品详情页。工作流，上传图片，填商品信息，点式运行工作流，会自动抠图，匹配行业模板，生成卖点，文案场景细节展示，自动出成品。 这套神级工作流我已打包，感兴趣六六六主页踢我就行！

二零二六年深耕这两个工作流，过年小米初七开回家，纳都不纳呢！可以一键生成产品主图和详情图。我们可以先把这个拍的非常潦草的图片发给工作流进行精修，他就能生成一个精修版的白底图。 再把这个白底图丢给扣子工作流，拿 no banana 就 能根据豆包给到的提示词和产品图片生成产品的主图和详情图，感兴趣的三六九低调拿走。我们再根据这个图片上的产品卖点和介绍丢给扣子工作流，继续让它帮我们生成一个完整的产品。视频广告， quick 背包， 酒杯无压工学杯铺，收纳省心，户外耐造、分层规整、耐磨防水。我已经整理好了。三六九，收纳整洁全能背包。

电商圈彻底炸锅了！扣子加 nano banana 这套神级组合来了！只需一张商品图，五分钟直接生成电商详情页，操作零门槛！先看成品， 在工作流里面上传产品图后输入产品信息，选择语言点运行。工作流会自动设计详情页信息匹配行业模板，生成卖点文案，全程无需干预成篇直接使用 工作流。所有的参数节点和使用教程我都打包好了，感兴趣的六百六十六主页低调学习！

电商圈彻底炸锅了！扣子加 nano banana 这套神级组合来了！只需一张商品图，五分钟直接生成电商详情页，操作零门槛！先看成品， 在工作流里面上传产品图后输入产品信息，选择语言点运行。工作流会自动设计详情页信息匹配行业模板，生成卖点文案，全程无需干预成篇直接使用 工作流。所有的参数节点和使用教程我都打包好了，感兴趣的六百六十六主页低调学习！

哈喽，大家好，我是 ar 袁正明，今天给大家讲解一集通过扣子工作流一键生成电商高清图文详情页的实操教程。这个工作流不需要任何代码，小白也能很好的上手操作。首先我们来看一下产品效果， 这里我上传了一张蓝牙耳机的图片，工作流就会自动帮我生成一张这样的十二篇高清图文详情页， 不光是数码产品，服装产品同样也可以使用。这是我已经搭建好的工作流，我只需要上传一张羊毛衫的图片，工作流就会帮我自动生成 一张这样的十二屏高清图文详情页，包括商品的高清图，核心卖点以及对比图，模特的版型展示，以及一个一衣多穿的场景展示，还有局部的特写以及这个检测报告之类的，完全满足了电商详情页的需求。 那么接下来大家可以跟着我的节奏，一步一步搭建一条这样的工作流。首先我们看一下这个工作流能达到什么样的效果，通过扣子工作流一键生成这个电商详情页的广告宣传图像， 用户呢只需要上传一张商品图，给定一样这个商品的名称，工作流就会帮我们自动生成十二屏的商品详情页，同时支持生成两开的和四开的，也可以生成成一开的， 它的成本呢不是太高，一个十二屏的两 k 高清图只需要几毛钱，四 k 的 高清图同样只需要一块多钱，因为图像越清晰，它需要的算力越高，就成本越高嘛。这里呢是我已经设计好的工作流搭建思路大纲， 下面我们就根据这个思路大纲一步一步的来搭建一条工作流。我们打开浏览器，在地址栏输入扣子，点 c n， 好， 这里已经有了。进入扣子官网，进入扣子编程， 点击资源库，在资源库里这里有我已经设置好的很多条工作流，包括时下很流行的搜索二的 电商短视频工作流，以及这些人物故事什么东西的。那么现在我们要点击资源新建一条工作流，在工作流名称这里输入对应的工作流名，这里只能输入英文下滑链接数字，比如我们输入电商详情页，电商 相册页直接缩写吧。在工作流描述这里，我们可以用文字把它描述清楚，以防后面分辨不了，一键生成电商相册页， 点击确认就进入到工作流的一个搭建页面，这里显示开始和结束两个节点。 我们可以把非主流文档里面已经设计好的这个搭建思路大纲给复制到我们的这个工作流里，我们点击出示，把刚刚复制的东西粘贴到这里， 然后后面我们就可以根据这个思路大纲，一步的一步一步的搭建好我们想要的工作流。那么这里显示我们要在开始节点里输入这三个变量，我们在这里输入一个，两个，三个。第一个是 name， 商品呢？商品的名字，我们在这里给它备注一下商品名，好。第二个是商品的图片，图片已卖进，当然你可以用拼音 这里我们需要把这一个边量的格式给更换一下，因为这个是字幕转，这个图片需要改成文件里面的编辑图片，不然后面的话我们是用不了的，这里我们描述一下商品图片， 然后还需要一个 ipi 菜， ipi 菜 描述一下，我们在描述这里把这个可以的获取地址给粘贴到这里，后面我们可以直接使用 好，开始节点我们就搭建完了，然后后面我们需要生成商品详情的提示词，生成提示词一般我们会用到大模型，我们在这里拉出一个节点，直接往右拉出来，选择大模型， 首先我们需要更改一下这个大模型的名称，以防后面不知道每一个大模型它的主要用途啊，我们可以把这一步的 名称给复制粘贴过来就行了。然后我们配置一下这个节点的功能。首先在模型这里我们要选择一下视觉理解， 因为牵涉到图片，视觉理解能更好的分析出这图片需要我们做什么。在输入这里我们把开始节点的名称给引入这里，然后视觉理解这里我们把开始节点的图片给引入进来。 下面一个系统提示词是非常重要，它关乎到我们的大模型能不能根据我们的提示词准确细致的设置我们想要的东西。这个就需要很多次的叠代，我已经把叠代好的提示词给放到这个非主流文档里了，我直接复制粘贴过去， 这里我们可以看一下提示词都说了哪些东西。首先他给到大模型一个角色的定位，告诉大模型你需要干什么，你是干什么的。然后核心技能这里是告诉大模型你需要怎么去做，第一步需要把卖点给深度拆解， 第二步要把图片给布局好等等一些东西，然后来给定大模型一个输出模板，他每张图片需要按照怎么样的格式去生成提示词，最后呢给定大模型一个限制，他不能做什么，这就是一个提示词的生成规范，他做什么，怎么去做，不能做什么， 这样大拇指就会根据我们的思路生成我们想要的东西。下面的用户提示词我们需要把刚刚的两个变量给引入到这里，那么我们可以直接按 shift 加戳括号键引入到这个变量，两个都要引入进来。 输出这里我们不需要更改输入，就是字不乱，然后在异常处理这里，我们有时候大母型会在这个时间之内生成不了就容易报错，我们可以把这个给更改一下，百分之三百或者更大一点就行。 重置可以点击重置一次，也可以选择一个备用的模型都行，当然这个也可以不选，一般情况下在这个规定时间内应该是可以生成的。那么第一个节点我们就已经配置好了，我们还可以在这里测试一下这个节点能不能按照我们的要求生成我们想要的东西， 那么我们就点击这里测试一下，我们输入一个准备好的图片，比如我们还用这一个羊毛衫 在名字这里，我们输入羊毛衫，我们点击运行好，已经生成成功了，我们看一下输出内容有没有达到我们想要的东西， 我们点击预览好，我们可以看到大本营给我们生成了十二张图片的设计， 有它的痛点以及卖点，还有功能、材质、场景、情感都给我们一一罗列出来，并且附着了十二张图的设计理念，设计逻辑还是非常不错的。好好，第一个节点我们就已经配置完成了，那么接下来我们配置第二个节点 商品提示词的优化，同样的我们需要用到一个大模型， 改一下名，名称我们在这里复制粘贴一下。 好，我们配置一下这个大模型。同样的我们需要用到视觉理解这个工具，需要把商品咱们开始节点的商品名称以及前面这个工作流 输出的内容给到这个大模型，让他帮我们优化一下这个输出内容。视觉理解这里同样把开始节点的图片给到这个大模型， 然后这个提示词也是我已经放到非主流文档里面的，我们把它复制粘贴一下。 这个提示词就比较简单一点，就是告诉他要去优化一下提示词，他说你是一个专业的详情页设计师，你专注用户提供的这个商品名的领域，你能根据商品名和图片，还有这个，这个就属于前面大明星给到的提示词，但是这个我们需要改一下， 这就对了，结合它的特点进行优化和提炼。然后我们就需要把这三个变量给它引入到用户地址这里，同样 shift 加左括号键，三个变量都引入进来， 好，同样的异常处理，这里我们再改一下三百。 第二步我们就已经配置完成了，后面我们就要根据这个题词生成相应的商品图像题词，并与后面的 not 不 not 二插件直接生成图像使用。那我们再拉出一个大木星节点， 同样的改一下名称， 然后配置一下，这里我们就不需要，因为前面的已经根据图像给我们生成的非常详细了，我们就不需要这个视觉理解了，我们就直接用这个 多边的一点五就行了，我们直接把优化好的提示词给到这个答案前，然后给他一个优化好的系统提示词，我们直接复制粘贴过来， 这个也是比较的简单，就告诉他他是做什么，需要怎么做，然后不能做什么都是大同小异的，然后在这里把变量给引入进来。 配置完成之后，理论上我们就可以根据这个大螃蟹生成的图像提示词，用图像生成插件，生成我们想要的图片。我们在这里拉出一个节点，在插件里搜索米盒的一个 nas 图片生成的插件，常用的我们可以在这里收藏一下，然后我们在这里选择 nas 图片生成的这个， 然后我们可以在这里配置一下这个节点的参数，这个 k 的 话就是我们开始节点的 i k 结时值，结时就是我们上一个节点三号大墨镜生成的这个结时值， 这个我们不需要去更改。然后这个图片数组，我们看到这个地方是一个数组的形式，但是我们开始节点给他的一个图片，他是一个图片的格式，所以我们不能直接使用，我们可以在这里再添加一个格式转换的节点， 我们在这里需要用到一个剪映小助手，同样常用的工具，我们可以在这里点击收藏一下。在剪映小助手里 我们找到一个字符转列表的小插件， 它能帮我们把普遍的格式转换成竖轴的格式，我们命名一下字母转列表， 好，我们配置一下这个节点，我们把开始节点的 e、 m、 g 给输入进来，后面我们再去配置这个文件，它就不会再报错了，我们用字母转列表已经转换过的格式给到它。这个是 头像的一个规格，竖屏的话我们就选择九比十六，如果横屏的话我们就选择十六比九，这个是清晰度，我们直接选择两块的就行了， 因为四块的毕竟还是需要一块多钱的是不是？好，那这个名称我们需要更改一下，把这个思路里面直接复制粘贴一下。 第四步是调用这个 nano 插件生成一个图像。好，理论上来说我们这个工作流就已经搭建结束了，我们可以直接连接到结束节点，给他配置一下对不对？ 打印一下我们的生成图像地址，但是有时候呢，图像生成或者视频生成牵涉到一个网络颜值或者是一个排队的现象，他就不能很好的在规定的时间内给我们生成，一旦超时的话，这个工作流很容易爆出，那么我们可以在这里调用一个循环插件， 把我们的工作流放在循环体里， 用循环体给我们查询 我们的图像生成有没有成功，如果成功的话就让他直接输入到结束节点，如果没成功的话，就让他继续给我们查询，直到生成成功为止。 那么我们这里就要添加一个选择器，什么是选择器？就是选择一下他成功了怎么样不成功怎么样配置一下选择器， 选择器就选择这个升图软件生成的 url 查询，这个地方是空的还是不？不是空的，是空的话呢，我们就选择一个分支节点，这样选择器继续循环， 否则呢就说明已经生成了，那我们就让它中止循环，查询结束之后，我们就可以在循环体这里，那么这里我们需要更改一下，选择一个无限循环的方式，然后输出的话，我们肯定就是拿二生成图像的这个 url 成功的话，它就收到结束节点，那么整个工作流呢？我们把这里配置好之后，就已经生成完毕了， 我们可以点击这里优化一下布局，它就自动帮我们调整一个状态，这里简直是强迫症的一个福音啊。好，那么工作流呢，我们就已经搭建完成了，下面我们可以试运营一下我们搭建的工作流能不能正常运行，这里是一个 ipi k， 开始我们也说了，我们需要在这里复制一下这个地址，然后打开一个浏览器，把它粘贴到这里， 看到吗？这里有一个 i p i k 的， 我们点击这里复制，确定就会得到一个这样的 i p i k， 然后这里是商品的图片，我们同样把这个输入到里面，这是商品棉羊毛衫 得到工作流，然后我们点击深运行 好，工作流呢已经运行成功了，我们来看一下输出的内容，我们点击输出 好，这给我们生成了一个同样的十二屏，上面详情展示图，包括这个产品的高清图，核心卖点及通点对比，材质的特写，以及一个衣衣多穿的场景图，版型的展示，还有信任背书之类的效果呢，还是非常的不错的。 好，那么今天这个工作流呢，就已经展示完毕了，那有需要系统提示词的朋友呢， 另外我在图片区还放置了两个这样的短视频文件，这两个短视频文件呢，是我用 sorry 生成的工作流帮我生成的，但只需要我给他提供一张产品图片以及名称，他就会帮我自动生成像这样的短视频。我们来看一下效果。 this heavy on you look out the world with active noise canceling enjoy up to thirty six thousand playtime sweat。 好， 下面一个是我刚才制作图片的羊毛衫， 天然羊毛带来的柔软与温度，细腻针织顺滑扣合，每一处都安心贴肤，效果是不是非常的炸裂。下一期呢，我会带着大家一步一步用 sorry 搭建一条能生成这种短视频的工作流，有需要的朋友呢，可以关注一下后续的持续更新。

电商圈彻底炸锅了！扣子加 nano banana 这套神级组合来了！只需一张商品图，五分钟直接生成电商详情页，操作零门槛！先看成品， 在工作流里面上传产品图后输入产品信息，选择语言点运行。工作流会自动设计详情页信息匹配行业模板，生成卖点文案，全程无需干预成篇直接使用 工作流。所有的参数节点和使用教程我都打包好了，感兴趣的六百六十六主页低调学习！

电商圈彻底炸锅了！扣子加 nano banana 这套神级组合来了！只需一张商品图，五分钟直接生成电商详情页，操作零门槛！先看成品， 在工作流里面上传产品图后输入产品信息，选择语言点运行。工作流会自动设计详情页信息匹配行业模板，生成卖点文案，全程无需干预成篇直接使用 工作流。所有的参数节点和使用教程我都打包好了，感兴趣的六百六十六主页低调学习！

用 g t t email 二做产品详情页，效果到底有多炸裂？这些呢都是我用工作流做的详情页的案例，我们这个工作流呢，它非常非常的简单，一共只有这几个节点，非常适合我们新手来上手学习。 首先呢我会带大家看几个案例，看完案例之后，我会带着大家跟着我们这个搭建步骤一步一步的来进行搭建，它一共呢只有十个节点，所以说它搭建起来是非常非常简单的， 但是呢它的效果却非常非常的好。首先呢我们带大家看一下第一个案例是一个陶瓷小奶锅，这个呢是我上传的产品的一个参考图，也就是我们商品的一个主图，这一张呢是根据我们商品主图生成的一比一的产品的详情页， 这张呢是根据我们的产品参考图生成的二比三的一个产品详情页。那么大家可以看到我们不仅有主图的一个展示，还有细节的一个展示， 以及产品的一个解说，这个排版跟画质以及他的文字描述都非常非常的详细，而且整个布局给别人看起来就是很舒服， 同样呢我们的图片也比较清晰。好。第二个案例呢，它是一个滑轮的影子，这个呢是我上传的产品的参考图，这个是根据我们上传的参考图生成的一比一的产品的详情页图片，这个是二比三的详情页的一个图片。 那么大家可以看到我们这个工作流，他厉害的地方是真诚的，产品的详情页对我们产品的一个一致性，他保持的非常好，而且呢他的排版给别人看起来就会很舒服， 图片呢也比较高清，我们这个工作流呢他全品类的商品是都可以做的，那我们案例三呢就是一个口红，同样我也是做了两个版本，一个是一比一的，一个是二比三的，大家可以根据自己的一个实际需求，然后去进行选择图片的比例就可以了，这个呢是服装的， 这张是我上传的参考图，这张呢是根据我上传的参考图生成的详情图。最后一个案例就是一个投影仪， 这一张呢是我上传的产品参考图片，这个呢是根据参考图片生成的一比一的详情页，这个呢是生成的二比三的详情页。好，那么案例呢已经带大家看完了，接下来呢我们就带着大家按照我们这个搭建步骤，一步一步的来搭建一下我们这个工作流。 现在呢我们就来到了工作流的一个搭建页面，首先呢他会给到我们一个开始节点以及一个结束节点，我们的鼠标放在这个位置，他会显示注视，我们点击这里，然后呢他会出来个框框，我们把我们刚刚复习的搭建大纲，然后粘贴在这边， 然后跟着我们的大纲一步一步的来进行搭建，这样的话我们的思路就会比较清晰，而且呢也不容易犯错。我们来看一下我们开始节点的一个配置，我们开始节点他这里有四个变量的，我们单机，我们的开始节点右边就是我们开始节点的一个编辑页面， 他这里呢只有一个，所以呢我们需要点击这里的加号，我们再增加三项，好，第一项呢就是 k， k 呢就是算力，我们生图是需要算力的， 第二项呢是他的一个比例，这个比例就比如说我们做产品详情页，他图片是有一比一的，二比三的，三比二的，四六比九的等等等等， 那么我们就可以根据自己的一个实际需求去进行填写就可以了，这里有个小符号我们可以打开，然后在这里我们可以针对这一个变量进行描述。第三个呢就是我们的 image， image 就是 我们产品的图片，这里我们需要注意的是他后面这个变量，我们需要打开他的下拉栏， 鼠标放在 file 这里，然后左滑，我们选择这个 image， 点击 image， 这个呢就是上传参考图片的一个变量类型，然后同样的后面这个小符号我们可以点开，在这里可以给它进行个描述，这里呢就是我们上传参考图片。 好，最后一个呢就是我们的类别，然后我们点开这个小符号，我们针对这个变量给它进行个描述，我们这个工作流它是可以做女装、美妆护肤以及其他 通用的电商产品都是可以的。好，那么我们开始节点呢，到这边就配置完成了，我们给他关掉，在这里大家可以看到我们这个工作的呢是可以进行选择的， 你是要做女装的产品详情页还是美妆的产品详情页，或者说是其他商品的一个产品详情页，我们可以根据自己的一个实际需求，然后去进行选择就可以了。 那我们这个类别呢就是来帮我们做选择的，比如说我输入的是女装，那么我们这个工作流他就会走这一条线帮我们生成跟女装相关的产品详情页，这个呢就是我们添加类别的一个用意。我们看一下我们的搭建步骤， 我们的一号节点是进行图片格式转换的，我们后面生图的这个插件，它需要的格式呢是字母串数组的一个格式， 而我们开始节点上传的这个图片，它呢是一个字不串的类型，所以呢我们就需要把我们开始节点上传的这个参考图片，把它的类型转换成字不串数组的一个格式，转换之后的格式还会方便我们的七号节点，这个 gpt 应该加这个插件来帮我们生图。 如果说我们没有对图片进行转换的话，那么他在生图的时候就比较容易报错，所以呢我们在这里需要去增加一个节点，我们点击插件，然后在这里搜索剪映小助手， 就是这一个剪映小助手，我们给他打开，他这里呢有非常非常多的选项，而我们只需要这一项就可以了，他呢是字母转列表，我们把它进行一个添加，然后我们双击给他改个名称，他这里需要转换的就是我们的开始节点上传这个 image， 把它转换成字母串数组的一个格式，然后我们看一下我们的第二步，第二步呢就是意图识别， 我们的意图识别就是要告诉大家，你到底是想走这三条线当中的哪一条线，你是想走女装这条线还是美装这条线，或者是其他商品这一条线呢？我们就需要通过意图识别来帮我们做一个选择， 所以呢我们就需要增加一个意图识别，这是我们业务逻辑这里的意图识别，我们点击把它进行一个添加，然后我们双击给它改个名称，首先模型这里我们不用动，保持默认就可以了，这里呢首先我们需要添加女装， 然后我们点击加号，再增加美妆护肤，然后下面还有个其他的商品，我们都会走其他意图这条线， 那么他这里的输入项是不是就是我们开始节点这个类别，这里呢就会根据我们输入的是女装还是美妆护肤或者是其他来帮我们选择。我们最后要走哪一条线好到这边呢，我们的二号节点就配置完成了，我们给它关掉。 接下来呢就是要配置我们的女装图片提示词，美妆图片提示词，以及我们通用商品的提示词。我们但凡所有跟文案跟提示词相关的任务都需要去用到大模型来帮我们完成，那我们这里是不是要写三种提示词，所以呢我们就需要去添加三个大模型， 这里有添加节点，我们点击大模型，我们在这里呢增加三个大模型，然后分别帮他们改个名字， 我们把线给它连起来。先首先第一个大模型，我们给他改名女装图片提示词， 然后第二个大模型，我们给他改名为美妆图片的提示词，最后一个呢就是我们通用的商品提示词了，然后呢我们来配置一下我们这个大模型的节点，首先呢我们从三号节点女装图片提示词开始， 好，首先模型这里我们需要下拉菜单，我们选择这个豆包二点零 let， 我 们选择的模型，他必须要有图片理解的能力， 因为我们在我们的开始节点是上传了我们产品的一个参考图的，我们这个大模型呢，他就需要对我们开始节点上传的参考图进行一个理解。然后呢，文字输入像这边呢，我们是不需要的，所以呢，我们点击这个减号把它给删掉， 然后下方的视觉理解输入这里，我们需要点击这个加号增加一下，这里呢，我们就需要拿到我们开始节点的这个 image， 也就是我们的产品的参考图。 然后呢，我们就到了我们整个工作流非常非常核心的点了，就是我们的系统提示词，我们这个工作流它生成的图片质量的好坏是取决于我们给他的系统提示词写的好不好。 所以呢，这里的系统题词词，它一定是经过我们 i n c 的 叠代之后才能达到最终想要的一个效果的，不是说你写了一遍两遍就可以完全符合自己的一个需求，那大家平常在写系统题词的时候一定要有耐心，要花心思去叠代， 这边呢，我已经写好了，我们直接去复制过来就可以了。好，现在呢，我们带着大家来看一下我们的系统提示词。首先他会给你定一个角色，你是一位专注于法式奶油风的电商女装详情页视觉的设计师，精通高质感的电商视觉呈现技术， 你的核心技能是深层符合电商女装详情页标准的主图与四宫格详情图，精准还原法式奶油风的一个视觉秘诀与产品的细节，确保画面自然高级无 ai 的 维和感，适配用户对服装特性， 比如说亲敏感、温柔气质的一个视觉表达的需求。下方呢还有他的一些技能，技能一是法式奶油风视觉风格，精准还原，有他的一个核心逻辑，色调，光线以及质感。还有下面一个技能二是他的一个主图的设计， 包括下方还有他的一些限制和输出的格式，以及他的一个视力。那么系统提示词呢？我们就不带着大家去细看了，我们接下来看一下下方的用户提示词，这里呢就比较简单了，我们只需要把上方的变量给它进行引入就可以了。 这里呢我们就需要在英文输入法的状态下，我们按住 shift 键，然后再按住括号键，它会弹出这个 image， 我 们直接点击这个 image， 这个时候大家可以看到它这里是高亮蓝色，那么就说明我们这个变量是引入成功了，这里呢我们可以给它进行备注， 然后下方的输出，这里呢我们不用动，保持默认就可以了。到这边呢，我们的三号节点女装图片提示词就配置完成了，我们给它关掉， 然后呢我们来配置一下我们的四号节点美妆图片提示词，同样的模型这里我们还是选择豆包二点零 led， 我 们的四号节点跟我们的五号节点配置跟三号节点非常的相似，只不过就是提示词不同而已， 那这边的文字输入项同样我们是不需要的，所以我们给它删掉就可以了。然后我们在视觉理解输入这里我们增加一项 拿到我们开始节点的这个 image， 这里的系统提示词同样我也已经写好了，我们直接去复制过来就可以。那么大家可以看到我们的系统提示这边呢， 它大概的结构其实都差不多，首先呢，它会给你附一些技能，你的技能一是什么样的，你的技能二是什么样的， 还有技能三输出的一个标准。那么系统提示词呢，就不带着大家去过多的赘述了，我们看一下下方的用户提示词，这边呢，同样我们是将上方的变量给它进行个引入就可以，我们还是在英文输入法的状态下，我们按住 shift 键不要松，然后再按住 hold 键， 把这个音麦给它进行引入，然后输出这里同样保持默认就可以了。那么我们的四号节点每张图片提示词到这边呢，就配置完成了，我们给它关掉，然后我们单机五号节点 同样模型，我们下拉选择豆包二点零 left， 然后我们把这里的文字输入向给它删掉，视觉理解输入向，我们给它增加一个增加。我们开始的这个 image 系统体式这边呢，同样我也已经写好了，我们直接去复制过来。 同样呢，大家可以看到我们这边的系统体式也是首先定义一个角色，然后再赋予一些技能，最下方呢，还有他输出的一个标准 好提示词呢，我们就不看了，我们看下方的用户提示词，这里同样我们是在英文输入法的状态下，我们按住 shift 键，加住括号键，将我们的音麦截进去引入就可以了。 到这里大家是不是都觉得这个工作流非常的简单，输出这里呢我们也不用动，保持默认， 然后我们的五号节点呢就配置完成了，我们给他关掉。下一步就是我们的六号节点变量聚合，我们的鼠标放在这个节点，它这里呢有一个变量聚合，我们点击，然后我们把变量聚合进行一个添加， 然后我们把这三条线通通给它连起来，不管你走哪一条线，通通给它连起来，不管你走哪一条线都会有一个输出，那么输出呢都会在变量聚合这边我们给它进行一个汇总。好，首先我们单机给他改个名称， 这里呢就是我们的六号节点，然后呢我们来配置下这个节点，首先第一个我们就要拿到我们三号节点女装图片提示词，他的这个 output， 然后四号节点美妆图片提示词的 output， 以及我们五号节点通用商品提示词的 output。 那 么到这边呢我们的六号节点就配置完成了，我们给它关掉，下一步就是我们的七号节点，我们要调用 gpt 二这个插件来生图了，我们点击加号， 然后点击右方的插件，我要在这里搜索一下 gt。 二，我们要选择这个 gt。 二，图片生成，我们给他打开，然后选择这一项，把它进行一个添加，然后我们双击给他改个名称， 现在呢我们来配置一下我们的七号节点，首先第一个是他的一个 k， 这个 k 呢我们就需要拿到我们开始节点这个 k， 第二个呢是他的一个提示词，当大家不认识这些英文，不知道他们是什么意思的时候，那么一个鼠标放在这个小符号上面，他呢就会给你进行一个翻译， 那这里的提示词我们是不是就要拿到我们六号员工边浪聚合他的这个输出？因为不管你走哪条线，我们都会在这里进行一个汇总，然后把我们的提示词传递下去，这里呢是同步还是异步？我们下拉我们选择处， 然后这里呢就是我们参考图，我们的参考图我们就需要拿到我们一号节点图片，可是转换他的这个 info， 那 最下方的这个呢就是图片的一个比例，对的比例呢，我们需要拿到我们开始节点的这个比例， 到这边呢我们的七号节点就配置完成了，我们给它关掉下一个节点就是我们的八号节点选择器，我们在这里增加一个节点， 我们点击这个选择器把它进行添加，这个呢是我们的一个 if 选择器， if 呢就是如果的意思，我们呢需要用这个 if 选择器来帮我们判断一下。如果说我们这个图片生成了，我们怎么办？如果说我们这个图片没有生成，我们怎么办？好，我们给他改个名称， 这里呢我们就要选择我们的七号员工图片生成的 u i l 的 链接，如果说他这个链接不维空，我们点击这里的不维空，那他不维空是不是说明我们的图片已经生成了？ 那如果说他维空呢？维空是不是说明我们这个图片他没有生成，没有生成的话，我们就需要他再次去帮我们生成图片， 那么我们再次生成图片还是要用到这个 gpt 页面 g 二这个插件来帮我们去生成，所以呢我们需要点击节点，然后点击插件，然后我们再点击这个 gtr 图片生成，把它再进行添加。好，我们双击这个节点给它改个名称， 如果说在这里我们的图片它已经生成了，那么我们是不是直接把生成的图片给到我们的结束就可以了？ 如果说他没有生成的话，我们就需要他再去帮我们二次生成图片。我们单机我们的九号节点，首先他这里的 k， 我 们还是要拿到我们开始节点的这个 k 提示词呢，我们同样要拿到我们六号节点变量聚合一他这里的提示词， 然后这里呢我们同样是选择处，然后这里的参考图我们要拿到我们一号节点图片格式转换他这个 infos 比例呢？还是要拿到我们开始节点这个比例 到这边呢？我们的九号节点就开始完成了，我们给他关掉，然后就是最后一步了，最后一步我们的十号节点就是我们的变量聚合二，我们点击添加节点，然后添加这个变量聚合，然后我们把这两条线都给他连起来。 如果说我们的七号节点你生成图片成功了，我们是不是要把你生成的图片然后通过我们的变量聚合传递到我们的结束？如果说你的七号节点没有生成，那么九号节点他会再次生成， 那么我们的变量聚合就会接收到我们九号节点的一个输出，把我们九号节点的输出抵到我们的结束节点。好，我们双击改改名称， 这一步呢就是给我们这个工作流增加一个保险。首先我们的十号节点就要拿到我们七号节点图片生成他的这个 url 的 链接，以及我们九号节点图片生成他的 url 的 链接， 不管你是走哪一条线，我们最终都会拿到他图片生成的一个链接。好，那么我们的工作流呢到这边呢就搭建完成了，我们去把我们的结束节点拿过来， 我们把结束节点的线给它连起来，我们的结束节点就需要拿到我们的十号员工音量聚合的输出就可以了，大家可以看到我们这个工作流呢，它是真的不难。好。然后呢我们点击下方的试运行，我们来测试一下这个工作流他帮我们生成的图片的一个效果， 看一看有没有错误的地方，如果说有错误的地方，我们再去进行一个更改。首先是要上传我们产品的一个图片， 我们就是上传这个陶瓷小奶锅的图片吧。第二个呢是它的一个 k， 这个 k 呢就是我们生图所用到的一个算力，每个人的 k 呢都是不一样的，你用我的 k 是 没法去生成图片的类别，这里呢我们既不是女装也不是美妆，我们是一个陶瓷小奶锅，所以我们就直接输入我们的产品名称就可以了。 然后比例这里我们是可以选择十六比九，九比十六，二比三，三比二，或者说一比一的，大家呢根据自己的一个实际需求去进行填写就可以了，我输入的呢是二比三， 然后我们点击下方的试运行，大家可以看到我们的工作流呢，它走的是我们五号节点通用商品提示值这一条线， 那么我们的工作流呢，已经运行成功了，在我们输出这边他给到了我们一个图片的链接，我们直接点击这个链接来看一下他给我们生成的图片的效果。大家可以看到我们这个生成的产品详情图还是非常非常美观的。首先他有一个主图的一个展示，包括我们产品的一个介绍， 下面呢还有我们局部的一个细节展示，以及一些文字的描述，不管是从整体的排版来说，还是从它画面的一个清晰度来说，都非常的棒。那么我们今天的工作流搭建教程到这里就接近尾声了，感谢大家的观看，我们下期再见。

今天给大家带来一个进阶的全品类跨境电商详情页设置方法，它也是能一次生成十二张详情页，我们先来看看它和旧版的区别，新版的这个第一个案例呢，是一个猫咪的自动喂食器的英文版详情页，第二个是一个韩文版的面膜， 第三个呢就是一个日文版的厨房收纳盒，第四个是泰文版的防晒衣，第五个就是西班牙语的小夜灯，它的效果呢依旧是质感出众，一目了然。这里我先不说进阶了什么，先来看一下旧版，这里是一个第一个旧版的电动三轮车， 第二个夏日套装和第三个大容量水杯。到这里相信大家已经看出来了，闻到原版的这些相亲图呢，是不是总感觉有一些模板化，虽然说它的效果也是非常不错的，但是出图总感觉是同一种味道。那我们再回到新版本， 这里是不是显而易见？新版本的详情页呢，不仅适配了产品本身的视觉语言，还很好的适配上了地区语言。我们如果做跨境的应该都知道，不同地区的产品图呢，其实是有很大的风格差异的，他是绝不能简单的套用，要是根据当地的市场来决定，这里也能看到。如果说详情页里面有人物出现呢，也是很符合当地的一个模特的， 我这一套进阶版的工作流就很好的解决了这个问题，并且呢他并不需要改变之前这个工作流的任何一个流程，可以看到和之前的流程是没有任何差别。他的主要改造呢一共就是三个地方，第一个地方呢就是在开始节点， 我们要上传我们需要的一个语言，这样呢后面的伸缩软件才可以根据我们输入的语言帮我们生成相对应的相间页。第二个呢就是在大模型这个部分呢，我们划到最下方， 在之前这个用户提示这里呢，我们也要把输入的语言给他引入进来，先在这里把输入的语言加上一个之后引入进来， 在这里呢我们按住 shift 加左括号线，是在英文输入法的状态下，可以看到这里就有我们的一个语言，这里我已经引入进去了，就不进行展示了。第三个部分也是最重要的部分， 我把这一套系统句子进行了大改，我们先来简单看一下，这里呢加入了几个很关键的一个技能， 一个呢就是风格视觉设计，这里呢有一个风格库，它会根据我们上传的产品呢去寻找它适配的视觉语言。再一个呢 我们再往下滑，可以看到这里的语种适配相亲页的风格库，这里呢都是适合不同语种的市场风格，才要确保相亲页设计符合特定的语种市场。这样设置之后呢，就可以达到我们这样的效果，每个产品可以适配他自己的视觉语言和当地的一个市场语言。 这几个相亲页呢，相信大家也能很清楚的看出他们的区别，但这个日文版的呢，它就会简洁干练一点，而泰文版的这个呢，就要突出它的主题以及它的一个页面设计。 这里原版全套的详细播出教程呢，这里就不再浪费篇，我们直接上传一个我们的产品，看一看它的效果怎么样？点击进行，把我们之前的给它去掉。这里用的是一个骑行头盔的一个案例， 我们在这里就写数进行头盔圆，这里呢我们就定一个法语，然后点击顺行。好的，现在呢已经看到结果已经出来了，我们看一下它的效果怎么样？我们随机点开几个，看一下它的效果。这是一个锁扣的特写， 这是猫眼内的特写，这是价格展示表，这样看来效果还是非常不错的。那么到这里呢，这期的进阶版的故事的分享就到此结束，我们下期再见。