问题:Agent 的状态面板太无聊了
用过 AI Agent 平台的人都知道,大部分监控界面长得都差不多:一堆日志、接口状态、任务字段,功能上没问题,但你根本不想多看一眼。信息密度是够了,可读性约等于零。
这位开发者的思路很直接——既然 Agent 本质上就是一个"在不同状态之间移动的角色",那为什么不把它真的做成一个角色?于是他给 OpenClaw 搭了一个像素风的前端控制台,把 Agent 的运行状态映射成了一个宝可梦式的小世界。
设计逻辑:用空间代替文字
整个界面的核心思路是把状态变化变成空间移动,具体分成三个区域:
- 休息区:对应待机、充电、低负载、空闲状态
- 工作区:对应执行任务、抓取信息、处理流程、推进动作
- 警报区:对应异常、风险、告警、需要人工接管或恢复的状态
Agent 的状态变了,不是某行文字变了颜色,而是角色在地图里真的从一个区域走到了另一个区域。说白了就是把枯燥的状态机套了一层像素叙事,但效果确实不一样——你一眼就能看出这个 Agent 现在在干嘛,而且愿意多看两眼。
他给这个页面起名叫《小龙虾的牛马日记》,因为那只代表 Agent 的小龙虾确实会在地图里巡逻、待机、工作、告警、恢复,像一个在宝可梦世界里认真上班的打工人。
技术实现:GPT-5.4 + OpenClaw 自己写后端
技术栈上有个值得注意的点:
- 前端页面由开发者设计和迭代,使用 GPT-5.4 辅助完成
- 两天时间从零到上线
- 后端代码是 OpenClaw 自己生成的
最后一条是真正有意思的地方。Agent 在运行,Agent 生成后端,前端把 Agent 的状态变成可视化世界——这形成了一个完整的闭环。某种程度上,这个项目本身就是 AI 参与搭建"展示自己的系统"的一个小型实验。
两天能做出来,一方面是 GPT-5.4 在前端代码生成上确实够用,另一方面是 OpenClaw 的 Agent 能力已经可以覆盖后端逻辑的自动生成。对一人公司来说,这个效率很有参考价值。
一个容易被忽略的产品思路
这个项目技术含量不算高,但它指向一个被大多数 Agent 开发者忽略的问题:可感知性。
现在做 AI Agent 的人,90% 的精力花在"让它更强"上——更快、更准、能处理更复杂的任务。但几乎没人想过,当 Agent 开始 7×24 小时替你干活的时候,你怎么知道它在干嘛?怎么判断它是不是正常?传统的日志和 dashboard 当然能看,但你不会想看。
把 Agent 状态做成一个有叙事感的可视化界面,不是花拳绣腿,而是在解决一个真实的体验问题:让非技术用户也能直觉地理解 Agent 的运行状态。如果你正在搭建面向客户的 Agent 服务,这个思路值得偷。
不一定非得做成宝可梦风格,但"用空间隐喻替代纯文字状态"这个设计原则,拿去改造任何 Agent 的监控面板都适用。