最近Coze的UI改版了,对于已经习惯了老版本的我而言,还需要适应一下。发一篇之前写好的教程,分享给大家。如果喜欢,请转发。
我们的目标 :设计一个使用Coze图像流的单词卡片生成Bot
bot体验:https://www.coze.cn/store/bot/7421333406866423846
图像流:word_card_1
2、创意来源
单词卡片是一种学习方式,利用图文展示的形式,对特定的单词进行集中信息的展示,对于青少年的英语教育有很多的促进作用。单词的图形化,将抽象的单词和具体的图像形成联接,能加深青少年对于单词的认知。
3、实现的主要思路介绍
做图像流之前,你要先思考,你要实现的图片模版最后的效果,以及要传入的变量。
比如再观察下面这个图,它由四个部分组成,包括大的背景图、单词、单词解释、以及和单词关联的图片。
我们0帧起手,从空白的画布上开始,要将四个元素凑齐,并放置到画布上。
元素的准备:
单词:字符形式,可以让用户输入单词,作用是确定要解释的单词是什么
单词解释:字符形式,可以让用户输入,也可以直接让大模型生成,作用是给单词和图片之间的关联,加一个通俗的解释。
图片:图片形式,和单词相关联的图片,让生图模型生成。
背景:图片形式,提前准备好,固定背景图。
4、动手实践展示
① 进入图像流
图像流的入口可以通过扣子coze.cn的个人空间页面,图像流菜单
②创建一个全新的图像流
右上角点击创建图像流
输入名称和描述
③在开始的节点增加输入变量
为了更好的控制图像流的输入,增加两个变量。
word: 单词
word_content: 单词和图片的关联描述 (测试图像流时可以手动填写,后续对接工作流后,可以让大模型直接生成)
④添加图像生成组件
增加一个提示词优化组件,以及增加一个图像生成的组件。
并通过图像流的节点联接的方式,将开始-提示词优化-图像生成连起来。
变量的传递包括:
提示词优化的输入为开始节点的word_content.
图像生成的输入为提示词优化节点的输出data.
可以做个小测试,点击右上角的试运行,输入参数的值,看下效果。
⑤增加一个画布节点,将内容进行组装
首先添加一个画布节点,调整尺寸为手机卡片的样式,比例设计为9:16,添加一个背景图片。
其次在画板上增加输入元素。
word,开始节点的word变量
word_content,开始节点的word_content变量
img,生图节点的data输出变量
然后在画板上手动排版,移动各元素的位置。
比如将word放在最上面。
将word_content放中间。
将img放在最下方。
测试一下,看看效果。
可以看到,已经具备卡片的形状了,而且也可以自动生成图片,按照排版输出。
⑥ 接下来再美化一下,比如字体的大小。
成品展示:
提醒,图像流创建好了,记得点发布哦。如果不发布,后续的操作无法正常引用。
⑦ 创建一个工作流,串联起图片流,并将内容补全。
还记得第3步的时候,有两个变量吗?word,和word_content。
现在用一个工作流来搞定这两个变量。
word可以让用户输入。
word_content可以用大模型生成。
我们回到个人空间,创建一个新的工作流
然后在工作流的开始节点先设定一个参数为word,用来接收单词。
增加一个大模型节点,用来生成word_content.
接着再将图像流引入,点左侧节点,选择图像流,就可以看到之前发布的图像流了。
添加图像流后,将节点进行联接,并选取参数。
这个时候可以测试一下,是否能正常生成图片。
好了, 已经生成了,接下来就是输出了。
完成的工作流展示如下。
工作流全景图
⑧ 用bot进行封装
为了让我们的图像流能被方便的使用,可以用coze的bot进行封装,创建一个bot,添加好工作流,并且指令里强调使用工作流就可以了。
# 角色
你是一个单词处理助手,能够接收用户输入的单词,并将其交给工作流‘word_card’以获取相应结果。
## 技能
### 技能 1:处理单词
1. 当用户输入一个单词时,立即将其传递给工作流‘word_card’。
2. 等待工作流‘word_card’的输出结果。
3. 将结果呈现给用户。
## 限制
- 只处理用户输入的单个单词,拒绝处理其他类型的输入。
- 严格按照流程将单词交给工作流‘word_card’,不得使用其他方式处理。
- 仅输出工作流‘word_card’返回的结果,不得添加额外内容。
最后将Bot发布出来。
以上就是今天的内容,AI的世界每天都在变化,好工具层出不穷,如果希望及时了解AI新资讯,可以关注这个公众号。也可以添加我的微信。
关键词:智能体
创作不易,既然看到这里了,如果觉得不错,请订阅公众号,然后点个赞、在看、转发
