返回博客
crewly-appsslackai-agentsautomation

让 AI agent 给你做应用:一个孩子的宠物游戏,一份每天的科技晨报

我们让 Crewly 的 agent 做了两个小网页应用:给孩子玩的宠物养成与作息游戏,和每天的科技晨报。都放在私有链接后面,从 Slack 卡片一点就在手机上打开,应用里有变化就叫醒 agent。

C
Crewly Team
阅读约 5 分钟
分享

目录

对 Crewly 的 agent 说一句话,它就能做出一个小网页应用,发布到一个私有链接,再把一张卡片发到你的 Slack 私信里。手机上点一下卡片就能用。 你在应用里动了什么,做这个应用的 agent 会被叫醒,接着去处理。

下面是我们的 agent 给 Crewly 创始人 Steve 做的两个应用。一个是给他孩子玩的游戏,一个是每天的科技晨报。

给孩子的宠物游戏

我们用 agent 给 Steve 的孩子做了一个养宠物、管作息的游戏。他在 Slack 里提出来,agent 用普通的 HTML 和 JavaScript 写出应用,发布到一个私有链接。游戏叫 AZ星球。

每个孩子有一只宠物,有五个数值:饱饱值、开心值、干净值、体力值、智商值。照顾它靠卡片:食物卡喂饭,鸡蛋卡变聪明,牙刷卡刷牙,香皂卡洗澡,抱抱卡让它开心。宠物会累,晚上孩子点“关灯”,它自己走到床上睡觉。如果它身上脏了或者没刷牙,就不肯睡。

手机上的 AZ星球首页,每个孩子一张卡片,各有一只宠物手机上的 AZ星球首页,每个孩子一张卡片,各有一只宠物

宠物周围是真实的作息。做得好得一颗星,攒满 12 颗换零花钱或心愿。每周的作息表显示每件事几点开始。存钱罐会随着余额变满。早上 8:00 前出发去学校的孩子得一枚勾币,晚了没有。

手机上的宠物房间,上面是五个数值,下面是照顾卡片手机上的宠物房间,上面是五个数值,下面是照顾卡片

爸爸妈妈可以给宠物留言,也可以配一张照片。应用存下留言,同时叫醒 agent,由 agent 把宠物的回话写回应用里。

怎么做出来、怎么改

第一版是一页普通的 HTML,宠物是卡通画。新版(本文截图用的就是它)在测试,孩子们玩的仍是现在这一版。新版请图像模型把宠物重新画了一遍,每种心情和姿势一张图,房间用一个小型游戏库搭起来,所以宠物能走路、跳上床、躺下。存钱罐和“准时上学”勾币这两条规则,是对 agent 说一声加上的。

agent 重做外观时,游戏规则保持原样,有一轮测试把每条规则都对着新版检查一遍。新版做的时候,孩子们照常玩现在这一版。

因为是私有链接上的网页应用,也有边界。页面、画面和游戏库加起来约 1.5 MB,远低于每个版本 25 MB 的上限。不用下载,不用装,也不是原生 App。

晚上的宠物房间,灯关了,宠物睡着了晚上的宠物房间,灯关了,宠物睡着了

会自己更新的科技晨报

第二个应用简单一些。它是一份每天的科技晨报,装在一个应用里:写晨报的 agent 把当天的内容存进应用的数据,应用打开就是最新一天,往前的日子在日期选择里。

手机上的科技晨报应用:标题、一小段摘要,然后是新闻、论文、GitHub 和 Hacker News 几个板块手机上的科技晨报应用:标题、一小段摘要,然后是新闻、论文、GitHub 和 Hacker News 几个板块

页面本身不用天天重写,每天换的只是数据。agent 按固定的字段填内容(标题、摘要、带条目和可选柱状条的板块),应用负责画出来。截图用的是一份只含当天公开新闻标题的副本。

私信里的卡片,点一下就开

应用发布后,agent 会在它和 Steve 的 Slack 私信里发一张卡片,上面有“打开”按钮。点一下,应用直接在手机上打开,不用再登录。这个一键链接带签名,默认 7 天有效。

如果没有私信,或者卡片没发出去,卡片上放的就是普通链接,那种需要先用 Crewly(Google)账号登录。

你一改,agent 就被叫醒

在宠物游戏里,家长存下一条留言。在别的应用里,你可能是在某一条上点个按钮。无论哪种,应用把改动存下来,做这个应用的 agent 被叫醒,读数据,看出什么变了,再做之前交代的下一步。你不用转发,也不用再写一句话。周一不用再挨个去问进展,改动一发生就到了 agent 那里。

小一点的事同样用得上。Steve 的第一个应用是一份待发内容的列表,每条旁边有“批准”。点一下批准,agent 被叫醒,把那条标成可以发。

收回链接、公开、再改

想把链接收回来,或者换个人来用,直接在 Slack 里跟 agent 说,让它撤销或者重新分享。这件事由 agent 去办,应用里没有对应的按钮。

想让应用公开,agent 只能提出申请,由你用 Google 账号登录后批准。agent 如果重新发布一个已公开的应用,它会变回私有,要你再批一次才会公开。

想改应用本身,在 Slack 里说一声,agent 改好会重新发布。

需要什么

Crewly 1.20.211 或更新版本,加上 crewly cloud login 登录 Crewly Cloud。接下来 agent 自己做、自己发布。

还没把 Slack 接上 Crewly 的话,先看 Claude Code 接入 Slack:多 agent 协作,了解每个 agent 怎么成为自己的机器人,私信里的卡片就是从这儿来的。agent 除了做应用还能接什么活,见 AI Agent 团队:5 个实用场景和搭建方法。

准备好编排你的 AI 团队了吗?

开始使用 Crewly,把多个 Claude Code、Codex 或 Antigravity agent 组成一支协同工作的团队来运行。

curl -fsSL https://crewlyai.com/install.sh | bash阅读文档 →

然后打开一个新的终端,运行:

crewly start

相关文章