缘由

 

每到圣诞节的时候大家都会给头像戴上圣诞帽。或者穿上圣诞衣服来增加圣诞气氛。以前都是需要自己花很长的时间来做一个微信程序或者H5页面，而且圣诞帽子都比较呆板；

今年作为 AI Agent 的元年，一切能做的事情都可以用 AI 做一遍

那么，有没有可能用做一个 AI Agent 既简单又高效的方式完成这个简单应用呢？

那么这篇文章，我将为大家提供保姆级的教学，手把手教你如何搭建一个 AI 应用 —扣子 Coze 应用

预览效果

 

我们选择圣诞帽子，上传照片，一会儿就能拿到一个带上圣诞装的帽子，是不是有点意思，如果你想自己构建自己的场景，我们也提供了 Prompt 的输入，让你更加自如的生成有氛围的照片。

 

 

图：小红书搜索创意儿童AI写真结果

制作Coze AI 工作流

 

Coze扣子是大模型时代下的产物，它主要面向开发者和团队，提供了一种简单、快速的方式来集成和管理各种服务和应用程序。你可以在上面创建和使用聊天机器人来学习任何你想要的东西。你可以从各种主题中选择，如编程、写作、图像创作等，并以自然语言与机器人互动。

简单理解就是：它让你的 ‘想法’ 到 ‘产品’ 可以快速落地!

扣子地址：https://www.coze.cn/home

体验地址：https://www.coze.cn/s/iygP1AhU/

我们要实现的功能：用户选择不同的风格系列，上传一张宠物的照片，就可以获得一张带有圣诞氛围的写真，这个功能使用了扣子中的工作流。

 

 

扣子应用

 

来到 “工作空间”， 选择 “项目开发”，点击“创建”，点击“创建应用“，选择”空白应用“ 创建应用。

 

 

进入这个空白的应用会看到这样一个界面

 

 

头部有两个比较关键的 Tab ：

• 业务逻辑：用来展示这个应用中的所有”工作流“

• 用户界面：用来构建 UI 界面的。

我们的任务就是构建工作流，然后通过用户界面去触发指定的工作流完成返回，然后把结果显示在用户界面中。

在左上角的地方，我们来新建工作流

 

 

工作流的名字，我们输入：’Draw_xmax_images’。

在正式开始之前我们来整一下工作流：

第一步：需要用户选择风格系列，比如：圣诞帽，圣诞斗篷，圣诞树或者自定义风格；

第二步：用户选择图片上传，然后点击按钮生成。

在工作流的开始节点添加三个参数：

• petFile: 宠物图，类型我们选择 Image, 这个参数传输用户的图片信息；

• imageType: 风格类型，类型我们选择String, 这个参数传输用户选择的风格类型；

• customPrompt: 用户自定义 Prompt, 类型选择 String, 这个参数用户传输用户自定义的 Prompt。

   

  

   

接着，从添加节点中选择 “If 选择器” 通过它来做风格的分流处理。把它和开始联系在一起这样开始节点定义的参数就可以传输过去。

接下来，点击“添加节点”， 添加“豆包图像生成大模型”节点，选择 “seed_edit”。

 

 

如果大家不知道这个插件的具体使用方法，可以：“插件详情“ 中查看。

 

 

豆包大模型中有两个参数：

• image_url: 这个就是用户要编辑的图片 url 地址；

• prompt: 编辑图像需要的提示词；（这就是我们经常说的 Prompt 提示词）

image_url我们从开始节点中选择，prompt针对这个模型，我们就让它帮我们生成圣诞帽子，提示词：“主题带上圣诞头饰，例如：圣诞帽，驯鹿角等等。把背景改成干净的圣诞主题背景。”

其他的几个按照路径也搭建好。（仿照这个做就可以）

注意：大模型返回的值是一个 string 类型的数组，在取数据的时候需要注意。

 

 

我在取值的时候用一个代码简单的取了一下，大家可以不用这一步。

 

 

这四种情况最后我们整合一下返回最后的结果，这个时候我们添加另外一个节点”变量聚合“，它作用是 ”对多个分支的输出进行聚合处理“ 。

 

 

来看一下最后搭建的工作流：

 

 

当配置完搭建完，就是如上图一样的工作流，我们可以用一张图片来试试最终的效果，可以看到我们调用成功了。

 

 

原图：

 

 

生成的图像：

 

 

可以看到生成的效果还是很显著的，我们的提示词基本没有改变图片的原来的样子。

至此我们的工作流就搭建完成了。

用户界面

由于篇幅的限制，这块无法详细的讲解，只说一下关键的点，大家在搭建的时候如果出现问题欢迎加我微信一起探讨。

 

 

用户点击“圣诞帽”， “圣诞树”，“小斗篷”，都会跳转到第页面中，如果用户点击“打造专属装扮”的时候，那么这个就是用户自定义 Prompt 来控制生成效果了。

按钮怎么控制调用工作流呢？

 

 

这里需要注意的关键点就是:

“组件控制 form 的提交”，”form 绑定事件，然后调用工作流 `Draw_xmax_images` “。至此我们完整的路径就完成了。

后面加还可以结合很多的图像工具生成很多有意思的图像，比如做风格的转换，然后根据照片的风格，生成音乐等等。一切由你继续探索。

 

 

毛毡效果

 

 

美漫效果

ok！以上就是本次萌宠新装秀制作的全部流程啦，主要目的是探索和抛砖引玉，整个流程仍有很大的优化和提升空间，希望能给大家带来一些启发。

本教程主要是为个人在技术上的学习分享交流。具体的业务打磨仍需根据具体场景进行精细处理。大家可以根据自己的主题风格进行个性化定制。

最后

AI 虽然强大，但别忘记了我们才是它的主人！AI 发展日新月异，带给人很多的焦虑和挑战，害怕不如投身其中，共同享受它带来的机遇。

“踏上取经之路，比抵达灵山更重要。”

欢迎点击下方公众号关注我

觉得我的内容还不错，顺手点个赞、分享、在看

都是对我最好的认可，谢谢您！