Skip to content

消息卡片设计

消息卡片能把模型或工作流返回的结构化数据转化为易读的列表、图文或按钮形式,在豆包、飞书等终端中拥有更好的呈现效果。


权限与生效范围

  • 卡片展示目前在豆包客户端与飞书客户端正式支持。
  • 按照订阅套餐获取相应权限;若没有看到相关入口,请确认账号类型。

选择卡片模板

  1. 在智能体编排页点击右上角 卡片
  2. 选择官方模板(如竖向列表、图文卡片、商店卡片等)或新建自定义卡片。
  3. 自定义卡片可通过拖拽组件(标题、描述、图片、按钮等)构建布局。

绑定数据源

卡片内容通常来自插件、工作流或变量。绑定步骤如下:

  1. 在技能列表找到目标插件或工作流,点击 绑定卡片数据

绑定卡片数据入口

  1. 选择需要关联的卡片模板。

选择卡片模板

  1. 指定数据数组与字段映射,例如:
    • 列表数据源 → data.doc_results
    • 标题 → title
    • 摘要 → summary
    • 跳转链接 → url
  2. 卡片图标出现绿色标记,表示绑定成功。

示例:新闻助手

  1. 添加「头条搜索」插件用于查询热点新闻。
  2. 打开插件的 绑定卡片数据,选择竖向列表卡片。
  3. 绑定搜索结果数组并映射标题、摘要、链接等字段。
  4. 调试时输入"今天的科技新闻",智能体将以卡片列表展示多条资讯,点击卡片可跳转到原文。

卡片展示效果


调试与维护

  • 在「预览与调试」里触发插件/工作流,确认卡片渲染正确。
  • 需要更新样式或字段时,可随时进入卡片编辑器修改。
  • 若卡片不再需要,可在绑定入口选择解绑或删除卡片模板。

通过恰当的卡片布局,可以让智能体输出更直观、易点击的结果,提升用户体验并强化品牌视觉风格。