「AI 智能体:从0到精通」美感与实用并存,卡片制作get!(小白入门篇)(文末送福利)

我爱免费

作者：微信文章
往期回顾：　

「AI 智能体：从0到精通」教你如何搭建第一个智能体（小白入门篇）　

「AI 智能体：从0到精通」让智能体也能拥有1个哆啦A梦的百宝袋（小白入门篇）　

「AI 智能体：从0到精通」让AI为你打工，为你创建1个智能体（小白入门篇）　

「AI 智能体：从0到精通」创建你人生中第 1 个工作流（小白入门篇）　

「AI 智能体：从0到精通」工作流完善 AI 智能体up！up！up！（小白入门篇）　

　

---

　

一周不见，甚是想念。　

　

今天我们来制作卡片，用卡片来输出内容。　

　
卡片是什么呢？

　

卡片是扣子中一种很有趣的输出形式。　

　

它可以将我们的输出，全部集中到一张自定义的纸上。　

　

比如说这样⬇️⬇️⬇️　

　



　

我们的输出，不再是有大模型输出的文章，而是一张精美的卡片。　

　
卡片创作

　

想要制作卡片，我们得先了解。　

　

新建卡片的界面，和工作流一样，都是在「工作空间--资源库」　

　



　

新建卡片后，就进入到卡片的编辑界面，一共分为了 3 个区域，分别是左边的模板组件区、效果展示区、参数配置区。　

　



　
制作一款最简单的卡片！

　



　

比如这一款四宫格绘图卡片。　

　

第一步，先摆上「布局组件」！（这一步很重要）　

　

「布局组件」可以帮我们把固定位置，更方便的摆放基础组件。　

　

不然摆上 4 个图片组件，可能就是这种⬇️效果，竖着拍下来~　

　



　

所以我们先点击「布局组件」，再将图片组件拖动到对应的格子上　

　



　

不过看起来它们所在的格子的左边，不美观，但问题不大，在右边的区域进行调整。　

　

全部设置成宽度铺满，就可以将格子填满　

　



　

现在看图片还是一片白，这是因为没有传入图片。　

　

我们可以点击对应的图片，然后在资源那里先上传一张图片，看看效果　

　



　

展示看起来没问题后，我们就可以开始添加变量了。　

　

「新建变量」，然后填写变量名称、变量类型、变量默认值　

　



　

变量默认值这里需要注意下，我们在工作流中生成的图片，其实也是一串链接（URL），所以默认值也填一个链接。　

　

不然选择数据时就会出现提示：请输入 URL　

　



　

4张图片，4个变量新增完成后，　

　

点击对应的图片，然后在左上角的「数据-资源」中给图片添加变量。　

　



　

添加完成✅，变量就配置好了，接下来点击事件的设置。