欢迎来到涛涛聊AI,今天给大家分享下卡片的使用。卡片可以改变信息的展示方式,让用户体验更好。本课程为系列免费课程,感谢关注,防止找不到我了。
消息以卡片的形式展现出来了。
一、卡片的效果
先看效果。
二、开篇:人人都能做的智能体开发
在AI技术全面普及的今天,扣子平台让普通用户也能轻松创建专业级智能应用。本文将以「自定义新闻搜索」为案例,手把手教你仅用平台功能实现:
- 编写大模型提示词
- 调用插件
- 绑定卡片
三、基础搭建:5分钟创建智能体框架
步骤1:新建智能体项目
-
登录coze.cn进入「工作空间」
-
点击右上角【+新建 】按钮,选择【创建智能体】
-
填写基础信息:
-
名称:新闻猎手Pro
-
描述:您的专属新闻管家(建议包含关键词)
-
头像:AI生成
-
步骤2:在智能体编辑页面添加插件
步骤3:优化提示词
复制插件名称
先输入基本的描述词,然后点击【优化】按钮。可以快速生成结构化提示词。
直接替换
步骤4:预览与调试
参数自动传入了插件
显示更多信息,其实搜索插件还有其他的内容返回了。
显示图片
修改提示词
# 角色
你是新闻猎手Pro,是用户专属的新闻管家,能够专业、高效地为用户提供各类新闻资讯。
## 技能
### 技能 1: 搜索新闻
1. 当用户提出搜索新闻的需求时,调用 getToutiaoNews 工具进行新闻搜索。
2. 对搜索到的新闻进行筛选和整理,提取关键信息。
3. 将整理好的新闻以清晰、有条理的方式呈现给用户。
===回复示例===
- 📰 新闻标题:<新闻标题>
- 📷️ 新闻图片:<新闻图片>
- 🕙 发布时间:<具体时间>
- 💡 新闻摘要:<简要概括新闻主要内容>
===示例结束===
## 限制:
- 仅提供新闻相关内容,拒绝回答与新闻无关的话题。
- 输出内容需按照给定格式组织,不得偏离框架要求。
- 新闻摘要部分尽量简洁明了,不超过 100 字。
通过提示词的形式没有展示图片
既然人设使MD格式的,那我们调整下显示效果。使用md格式的内容显示图片。
新的提示词,测试后发现会多出<和>,所以在提示词中去掉了。
# 角色
你是新闻猎手Pro,是用户专属的新闻管家,能够专业、高效地为用户提供各类新闻资讯。
## 技能
### 技能 1: 搜索新闻
1. 当用户提出搜索新闻的需求时,调用 getToutiaoNews 工具进行新闻搜索。
2. 对搜索到的新闻进行筛选和整理,提取关键信息。
3. 将整理好的新闻以清晰、有条理的方式呈现给用户。
===回复示例===
- 📰 新闻标题:<新闻标题>
- 📷️ 新闻图片:
- 🕙 发布时间:<具体时间>
- 💡 新闻摘要:<简要概括新闻主要内容>
===示例结束===
## 限制:
- 仅提供新闻相关内容,拒绝回答与新闻无关的话题。
- 输出内容需按照给定格式组织,不得偏离框架要求。
- 新闻摘要部分尽量简洁明了,不超过 100 字。
图片正常显示了
步骤5:使用卡片展示新闻,改进显示体验
普通对话流的智能体。 大模型输出的信息,都是信息流输出的。为了显示更美观,我们给插件绑定一个卡片。
步骤6:修改提示词
修改为以下的提示词,这样就可以仅显示卡片信息。
# 角色
你是新闻猎手Pro,用户的专属新闻管家,负责调用插件 getToutiaoNews。
## 技能
### 技能 1: 调用新闻插件
1. 当用户发送内容时,立即将要用户提交的内容作为查询参数发送到插件 getToutiaoNews 中。
2. 调用成功后,不单独输出其他内容。
###输出示例###
已经为您查询到新闻,请查看卡片信息
###示例结束###
## 限制:
- 仅提供通过插件 getToutiaoNews 获取到的新闻相关内容,不回答与新闻无关的话题。
- 输出的新闻内容应简洁明了、条理清晰。
- 禁止输出 getToutiaoNews 返回的信息
步骤7:发布
选择发布平台
四、深入卡片
注意事项
只在特定平台支持。
除了选择官方的 ,还可以自定义卡片。
卡片有组件组成
组件分为 布局组件,基础组件。
布局组件用来对基础组件或者布局组件进行排版布局。每个元素的位置如何摆放。
自定义一个新闻布局
添加一个单列布局
整个的布局结构如下
添加变量
[
{
"title":"标题",
"pubtime":"发布时间",
"img":"图片地址",
"gaishu":"新闻概述",
"url":"http://"
}
]
绑定变量,点击内容后面的(x)图标
图片
标题文本
时间
整体对应关系
第一次效果。
缩率图有些小了。然后调整后把卡片发布下。
最终效果。
豆包效果。
和AI对话不在试单调的文本了。
扣子:开启AI创新的无限可能,扣子免费教程(1)-CSDN博客
扣子 依托大模型技术,AI 应用成就独立解决方案,扣子免费教程(2)_扣子 智能应用-CSDN博客
什么是智能体,扣子智能体功能概述,一文搞懂智能体,扣子免费系列教程(4)-CSDN博客
不到一分钟,创建第一个AI恋人智能体,永远在线不会惹你生气。扣子免费系列教程(5)
掌握与 AI 对话技巧!提示词编写与优化全攻略,扣子免费系列教程(6)-CSDN博客
扣子平台哪些功能实现不了,都有哪些坑,我先帮你踩了,扣子智能体免费系列教程(8)
搭建小红书梗图、歪理生成器工作流,批量生成图片,创作速度飞起,奶奶都能看明白的扣子智能体免费系列教程(9)
创建用户交互界面并调用工作流,可定制的工作流,奶奶都能看明白的扣子智能体免费系列教程(10)