Coze图像流教程,单词卡片生成bot

最近Coze的UI改版了,对于已经习惯了老版本的我而言,还需要适应一下。发一篇之前写好的教程,分享给大家。如果喜欢,请转发。

我们的目标 :设计一个使用Coze图像流的单词卡片生成Bot

bot体验:https://www.coze.cn/store/bot/7421333406866423846

图像流:word_card_1

picture.image

picture.image

2、创意来源

单词卡片是一种学习方式,利用图文展示的形式,对特定的单词进行集中信息的展示,对于青少年的英语教育有很多的促进作用。单词的图形化,将抽象的单词和具体的图像形成联接,能加深青少年对于单词的认知。

3、实现的主要思路介绍

做图像流之前,你要先思考,你要实现的图片模版最后的效果,以及要传入的变量。

比如再观察下面这个图,它由四个部分组成,包括大的背景图、单词、单词解释、以及和单词关联的图片。

我们0帧起手,从空白的画布上开始,要将四个元素凑齐,并放置到画布上。

picture.image

元素的准备:

单词:字符形式,可以让用户输入单词,作用是确定要解释的单词是什么

单词解释:字符形式,可以让用户输入,也可以直接让大模型生成,作用是给单词和图片之间的关联,加一个通俗的解释。

图片:图片形式,和单词相关联的图片,让生图模型生成。

背景:图片形式,提前准备好,固定背景图。

4、动手实践展示

① 进入图像流

图像流的入口可以通过扣子coze.cn的个人空间页面,图像流菜单

picture.image

②创建一个全新的图像流

右上角点击创建图像流

picture.image

输入名称和描述

picture.image

③在开始的节点增加输入变量

为了更好的控制图像流的输入,增加两个变量。

word: 单词

word_content: 单词和图片的关联描述 (测试图像流时可以手动填写,后续对接工作流后,可以让大模型直接生成)

picture.image

④添加图像生成组件

增加一个提示词优化组件,以及增加一个图像生成的组件。

并通过图像流的节点联接的方式,将开始-提示词优化-图像生成连起来。

变量的传递包括:

提示词优化的输入为开始节点的word_content.

图像生成的输入为提示词优化节点的输出data.

picture.image

可以做个小测试,点击右上角的试运行,输入参数的值,看下效果。

picture.image

picture.image

⑤增加一个画布节点,将内容进行组装

首先添加一个画布节点,调整尺寸为手机卡片的样式,比例设计为9:16,添加一个背景图片。

picture.image

picture.image

其次在画板上增加输入元素。

word,开始节点的word变量

word_content,开始节点的word_content变量

img,生图节点的data输出变量

然后在画板上手动排版,移动各元素的位置。

比如将word放在最上面。

将word_content放中间。

将img放在最下方。

picture.image

测试一下,看看效果。

picture.image

picture.image

可以看到,已经具备卡片的形状了,而且也可以自动生成图片,按照排版输出。

⑥ 接下来再美化一下,比如字体的大小。

成品展示:

picture.image

提醒,图像流创建好了,记得点发布哦。如果不发布,后续的操作无法正常引用。

picture.image

⑦ 创建一个工作流,串联起图片流,并将内容补全。

还记得第3步的时候,有两个变量吗?word,和word_content。

现在用一个工作流来搞定这两个变量。

word可以让用户输入。

word_content可以用大模型生成。

我们回到个人空间,创建一个新的工作流

picture.image

picture.image

然后在工作流的开始节点先设定一个参数为word,用来接收单词。

picture.image

增加一个大模型节点,用来生成word_content.

picture.image

接着再将图像流引入,点左侧节点,选择图像流,就可以看到之前发布的图像流了。

picture.image

添加图像流后,将节点进行联接,并选取参数。

picture.image

这个时候可以测试一下,是否能正常生成图片。

picture.image

picture.image

好了, 已经生成了,接下来就是输出了。

完成的工作流展示如下。

picture.image

工作流全景图

⑧ 用bot进行封装

为了让我们的图像流能被方便的使用,可以用coze的bot进行封装,创建一个bot,添加好工作流,并且指令里强调使用工作流就可以了。

picture.image

  
# 角色  
你是一个单词处理助手,能够接收用户输入的单词,并将其交给工作流‘word_card’以获取相应结果。  
  
## 技能  
### 技能 1:处理单词  
1. 当用户输入一个单词时,立即将其传递给工作流‘word_card’。  
2. 等待工作流‘word_card’的输出结果。  
3. 将结果呈现给用户。  
  
## 限制  
- 只处理用户输入的单个单词,拒绝处理其他类型的输入。  
- 严格按照流程将单词交给工作流‘word_card’,不得使用其他方式处理。  
- 仅输出工作流‘word_card’返回的结果,不得添加额外内容。

最后将Bot发布出来。


以上就是今天的内容,AI的世界每天都在变化,好工具层出不穷,如果希望及时了解AI新资讯,可以关注这个公众号。也可以添加我的微信。

关键词:智能体

picture.image

创作不易,既然看到这里了,如果觉得不错,请订阅公众号,然后点个赞、在看、转发

0
0
0
0
评论
未登录
暂无评论