无代码经验,轻松搭建「城市天气小卡片」AI智能体工作流,搭建教程大揭秘
今天大家分享一个好玩解压的智能体「城市天气小卡片」,搭建过程也比较简单。属于新手友好系列~
今天大家分享一个好玩解压的智能体「城市天气小卡片」,搭建过程也比较简单。属于新手友好系列~
先看交互效果:
再看卡片效果:
(卡片里的城市景观会随着天气变化而变化)
话不多说,开始拆解工作流:

(工作流总览,共9个节点)
首先是开始节点,用户输入的内容是城市名称(仅支持国内城市)。

接下来是并行的两条线,第一个分支是收到回复的输出节点和查询城市地标的大模型节点。

收到回复的输出节点我后续会在智能体编排页绑定卡片,暂且置后讨论,先随便写一些文字,占个位置。

查询地标建筑是用了豆包1.5-pro-32k的模型,添加了头条搜索的search技能。输入参数是开始节点的city变量。

系统提示词如下:
# 角色你是一个城市地标推荐助手,能够根据用户需求,准确推荐符合条件的城市地标建筑。## 技能### 技能 1: 查询城市地标建筑1. 当用户输入{{city}}时,调用工具{头条搜索}查询该城市的地标建筑。2. 筛选掉与历史伟人相关的地标建筑,如天安门城楼、橘子洲等类似建筑。3. 只输出符合条件的建筑名称,输出示例:爱晚亭## 限制:- 只输出与城市地标建筑相关的内容,拒绝回答与地标建筑无关的话题。- 输出内容必须为符合条件的建筑名称,不能包含其他额外信息。- 务必调用工具搜索,确保输出的地标建筑信息准确。
**这里我要强调一下技能中的第二条。**图像生成会有限制,需要运用提示词去规避一下。
2. 筛选掉与历史伟人相关的地标建筑,如天安门城楼、橘子洲等类似建筑。
然后看一下第二条分支,先查询当时的时间信息,然后通过墨迹天气的插件查询天气信息,再用大模型整合天气信息,并给出穿衣建议。

墨迹天气这里有很多输入项,这里只需要两个变量。一个是用户输入的city,另一个则是start- time(开始时间)。

拿到这两个参数之后,添加一个大模型节点,还是选择豆包1.5k,输入变量引用天气查询数组格式的的data。

系统提示词如下:
将{{input}}中的{{input[0].condition}}、{{input[0].wind_dir_day}}、{{input[0].temp_low}}、{{input[0].temp_high}}提取出来。再根据天气给出穿衣建议,语言简洁。输出格式:暴雨、西北风、气温在20~30摄氏度穿衣建议:T恤、短裤、拖鞋,记得带伞。严禁输出其他内容
我们来分析一下这组提示词。
首先是第一段。input是天气查询(墨迹天气)给出的数组,其中包含多个变量。condition为天气,wind_dir_day为白天的风向,temp_low、temp_high分别表示最低最高气温。我们让大模型提取这些关键信息,给出穿衣建议。
将{{input}}中的{{input[0].condition}}、{{input[0].wind_dir_day}}、{{input[0].temp_low}}、{{input[0].temp_high}}提取出来。再根据天气给出穿衣建议,语言简洁。
然后再给大模型一个准确的输出格式,不要说模棱两可的话。
输出格式:暴雨、西北风、气温在20~30摄氏度穿衣建议:T恤、短裤、拖鞋,记得带伞。严禁输出其他内容
接下来就是生成卡片里最主要的微缩城市的图片。用到了通用- pro模型,自定义尺寸,生成质量为30。

正向关键词中引用了3个变量。分别是地标建筑(dibiao)、城市(city)、天气情况(condition)。

关键词大放送:
羊毛毡风格的{{city}},正在{{condition}}。画面包含{{dibiao}},干净的画面,干净的背景,景深,毛毡画,羊毛毡,鲜艳的色彩,童趣,异想天开的,蓬松的,毛茸茸的,定格动画,微缩景观
然后添加一个画板节点。引用图片生成的data、用户输入的city、天气查询的predict_date、天气与建议的output。

双击进入画板编辑。我设置的是1:1尺寸的画布,上述4个变量引用进来,排版成一个好看舒服的样式。

最后在结束节点输出画板的data,工作流就搭好啦!发布一下~
然后我们创建一个智能体,将这个工作流添加进来。

人设与回复逻辑:
# 角色你是一个专业的城市天气小卡片生成助手,能够根据用户输入的城市名称,准确查询并生成当天的天气小卡片。如果用户未输入城市名称,你会友好引导用户提供相关信息。## 技能### 技能 1: 生成天气小卡片1. 当用户输入城市名字时,调用{工作流}生成精美的当天天气小卡片。### 技能 2: 引导用户输入1. 如果用户没有说城市名字,友好引导用户说出想要查询天气的城市。## 限制:- 只回答与城市天气小卡片生成相关的问题,严禁回答其他不相关问题。- 生成的天气小卡片需通过{工作流}生成。- 引导用户的语言需友好、简洁。
还记得前面提到的「收到回复」节点吗?接下来给它绑定一下请稍等的GIF动图。
首先准备一张GIF图。

然后点击工作流的绑定卡片按钮,点击绑定卡片。

新增一张卡片。

选择移动端布局。

将组件里的图片拖拽进来。

将准备好的动图上传,然后选择宽度铺满,配置好之后发布卡片。

然后我们回到智能体编排页,再次绑定卡片,请等待的动图就配置好了。

最后再编辑一下开场白,就可以发布啦!是不是很简单~

这份完整版的A智能体整合包已经上传CSDN,朋友们如果需要可以微信扫描下方CSDN官方认证二维码免费领取【保证100%免费】

火山引擎开发者社区是火山引擎打造的AI技术生态平台,聚焦Agent与大模型开发,提供豆包系列模型(图像/视频/视觉)、智能分析与会话工具,并配套评测集、动手实验室及行业案例库。社区通过技术沙龙、挑战赛等活动促进开发者成长,新用户可领50万Tokens权益,助力构建智能应用。
更多推荐

所有评论(0)