卡片概述
更新时间:2025-02-07
整体概述
对智能体Agent而言,卡片作为LGUI(Lightweight Graphical User Interface,轻量级图形用户界面)的形式之一,能简化复杂信息并提供直观的操作方式。开发者可以通过不同卡片控件的编排与组合,让大模型回复拥有更丰富的信息展示与交互模式,显著提升用户的工作效率和体验。
用卡片输出大模型消息具有以下优点:
- 丰富性:卡片可以为文本和图像信息提供更灵活的排列组合,让原本单一的消息回复更丰富。
- 清晰性:卡片可以容纳多种类型的内容,并将相关的信息分组,提供更好的视觉层次。
- 可交互性:卡片可以包含按钮、链接等交互元素,方便用户直接采取行动,快速访问或修改信息。
通用卡片
一张卡片通常包含文字、图片或图标、链接、按钮等元素,典型的应用场景有:搜索聚合、销售服务、项目管理、电商营销等。
AppBuilder基于通用需求,提前预置了以下通用卡片样式(如下表),供开发者直接选用,与Agent或组件绑定,更快速地丰富智能体回复样式。
卡片名称 | 场景描述 | 示意图 |
---|---|---|
文字卡片 |
适用于展示简洁的文字信息,如方案推荐等场景。用户可以快速阅读和理解核心内容。 | ![]() |
文字循环卡片 |
支持一系列纯文字信息的展示,适用于需要连续展示多个文本信息的场合,例如方案推荐列表。包含循环类控件,需要配合数组Array类的参数使用。 | ![]() |
图文资讯卡片 |
结合了图片和文字的展示方式,适合用来呈现新闻资讯、教育培训等内容,提供更丰富的视觉体验。 | ![]() |
图文资讯循环卡片 |
支持展示一系列图文信息,适用于需要滚动浏览多个图文条目的情况,如新闻流或课程列表。包含循环类控件,需要配合数组Array类的参数使用。 | ![]() |
商品推荐卡片 |
支持商品信息、搜索结果的展示,可供用户跳转到落地页购买,适用于商品推荐等场景。 | ![]() |
商品推荐循环卡片 |
支持展示一系列商品信息或搜索结果,用户可以在其中浏览多个商品选项,并可直接点击进入详情页或购买流程。适用于需要展示多个商品推荐的场景。包含循环类控件,需要配合数组Array类的参数使用。 | ![]() |
信息检索卡片 |
百度AI搜索组件专属,用于百度AI搜索后的信息展示。 | ![]() |
卡片参数
卡片参数是将输出参数传递到卡片控件的桥梁,当卡片参数成功被前端渲染后,应用就可以用设定的卡片样式展示大模型的消息并与用户互动。
绑定回复卡片时,选择结束节点输出的参数进行配置。创建卡片时,开发者可以通过添加卡片参数并将其与控件(如文本框、图片区)绑定。这些操作都可以在本文档【为应用绑定卡片】、【创建我的卡片】对应步骤中找到详细说明。
卡片编辑器
除了预置通用卡片样式之外,AppBuilder为开发者提供了强大易用的卡片编辑器,支持用户使用可视化、低代码画布定制卡片样式,并可直接基于源码修改。具体操作见本文档【创建我的卡片】。