零代码打造智能新闻助手：扣子平台 卡片的创建，详解，使用全流程指南（保姆级教程）扣子免费系列教程（15）

欢迎来到涛涛聊AI，今天给大家分享下卡片的使用。卡片可以改变信息的展示方式，让用户体验更好。本课程为系列免费课程，感谢关注，防止找不到我了。

消息以卡片的形式展现出来了。

一、卡片的效果

先看效果。

二、开篇：人人都能做的智能体开发

在AI技术全面普及的今天，扣子平台让普通用户也能轻松创建专业级智能应用。本文将以「自定义新闻搜索」为案例，手把手教你仅用平台功能实现：

• 编写大模型提示词
• 调用插件
• 绑定卡片

三、基础搭建：5分钟创建智能体框架

步骤1：新建智能体项目

1. 登录coze.cn进入「工作空间」

2. 点击右上角【+新建 】按钮，选择【创建智能体】

3. 填写基础信息：

   • 名称：新闻猎手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博客

一文搞懂扣子的空间、资源、权限和架构，扣子免费教程（3）

什么是智能体，扣子智能体功能概述，一文搞懂智能体，扣子免费系列教程（4）-CSDN博客

不到一分钟，创建第一个AI恋人智能体，永远在线不会惹你生气。扣子免费系列教程（5）

掌握与 AI 对话技巧！提示词编写与优化全攻略，扣子免费系列教程（6）-CSDN博客

智能体的多种创建方式，扣子免费系列教程（7）

扣子平台哪些功能实现不了，都有哪些坑，我先帮你踩了，扣子智能体免费系列教程（8）

搭建小红书梗图、歪理生成器工作流，批量生成图片，创作速度飞起，奶奶都能看明白的扣子智能体免费系列教程（9）

创建用户交互界面并调用工作流，可定制的工作流，奶奶都能看明白的扣子智能体免费系列教程（10）

智能体的核心技能之插件，插件详解和实例 ，扣子免费系列教程（11）

扣子平台各模块概览，一文掌握基础版和专业版的差别，扣子免费系列教程（12）