最近有同学跟我反馈，说在和智能体互动的时候，经常看到的只是一个图片链接，需要再点开才能查看，体验并不理想。
其实，通过 Coze 提供的自定义卡片功能，我们完全可以让智能体在对话中直接以卡片形式展示图片，不用再麻烦用户去点击链接了。
今天教大家如何利用 Coze 的自定义卡片，让你的智能体回复变得更直观、更生动，效果如下所示：
如果想体验智能体的话可以通过如下链接或扫描二维码
https://www.coze.cn/s/lNGz4iaiwKQ/
一、在资源库中新建一个卡片
1、打开 Coze 资源库，点击 “新建卡片”。
2、在 变量 面板中，选择 “新建变量”，将变量名称命名为 img，变量类型选择为 Array 。变量默认值可如下所示：
[
"https://p3-bot-workflow-sign.byteimg.com/tos-cn-i-mdko3gqilj/02ceb0434ce14050a9aedd3f4920ce1b.png~tplv-mdko3gqilj-image.png?rk3s=c8fe7ad5&x-expires=1780154061&x-signature=S32FB300MyuTSI%2BODRgGo777DGU%3D",
"https://p26-bot-workflow-sign.byteimg.com/tos-cn-i-mdko3gqilj/b784861b2a54445c83754a236e28ea42.png~tplv-mdko3gqilj-image.png?rk3s=c8fe7ad5&x-expires=1780154062&x-signature=hJT0yiMUJ7Q3WAtJ7c6kJRjxl0w%3D",
"https://p9-bot-workflow-sign.byteimg.com/tos-cn-i-mdko3gqilj/34a6b2208ccb41e29f881644487df7c3.png~tplv-mdko3gqilj-image.png?rk3s=c8fe7ad5&x-expires=1780154062&x-signature=QO22Cle2O0SztTSxApYd5JEkA2Y%3D"
]
3、点击左上角的 卡片 → 组件 → 单列布局 ，将图片组件拖入单列布局中。然后选中图片，将模式设置为 宽度铺满 ，尺寸选择 大 ，比例选择 9:16 。
并在高级配置中打开“循环渲染”，将绑定数据类型设为刚刚创建的变量 img 。（这是关键一步）
视频演示：
4、在图片上点击鼠标，选择右上角的 (x) 变量，绑定到 img 数组中的 item，即可完成图片循环展示。
5、点击左上角给这个卡片命名，比如 图文展示卡片。
6、确认无误后，点击右上角 “发布” 即可。
二、新建智能体并绑定卡片
1、创建一个新的智能体，这里以“上期小红书的养生健康图文教程”为例。
2、在智能体设置中填写描述信息。
3、绑定图文卡片：在“工作流”设置中，选择上期的Coze实战：一键搞定爆款小红书健康养生图文流程。
点击“绑定卡片数据” → “绑定卡片” → “工作空间卡片” → 选择刚刚新建的 图文展示卡片 → 将 img 变量绑定到工作流输出的 output（即图文教程中的图片数组），点击“确认”即可。
4、这样，智能体在回复时就能以卡片形式展示图片。最终效果如下：
结语
感谢大家跟着我一步步搭建图文卡片展示。希望通过这篇文章，你能轻松地让智能体在对话中直接展示图片，提升用户体验。
如果在实践过程中遇到任何问题，或者有其他关于智能体的需求和想法 ，欢迎随时在评论区留言 ，我会尽快回复。期待看到你们更有创意的卡片设计，让智能体的表现更贴心、更生动。
End
如果你也对 AI 充满好奇，欢迎公众号后台私信我「进群」，一起打破信息差，真诚分享前沿资讯与实用教程。期待与你并肩探索 AI 世界！
视频和图文教程都已上传至知识星球
还有可以一键复制使用的Coze空间......
欢迎扫描下方二维码 🔗 一起学习交流👇
既然看到这里了，如果觉得不错，随手点个赞、在看、转发三连吧，如果想第一时间收到推送，也可以给我个星标⭐～真诚感谢你
看我的文章，我是洞见君，我们，下次再见。