Agent 工作流 / 项目实战
用 GPT-5.4，两天做了一个宝可梦风 OpenClaw 前端
《小龙虾的牛马日记》：把 Agent 的待机、工作与告警，变成宝可梦式像素地图里的行动。
59,851原帖浏览
139喜欢
25转帖
116书签
2026-09-08 采集的公开页面数据，非实时统计。
01把运行状态变成一个像素世界
我做了一个连接 OpenClaw 的前端控制台，给它起名《小龙虾的牛马日记》。小时候玩《口袋妖怪》，让我着迷的不只是抓宠与升级，还有小镇、道路、研究所和房间组成的世界。这次我把这种体验带进 Agent 控制台，让运行状态成为像素地图里的角色日志。除了日志与任务字段，也能直观看到小龙虾在哪里、正在做什么。
02休息、工作、警报：用空间表达状态
地图分为三类区域。休息区对应待机、低负载和空闲；工作区对应执行任务、抓取信息和推进流程；警报区对应异常、风险和需要接管或恢复的情况。状态变化会映射到不同的空间分区，角色随之移动。这样，观察 Agent 不只是阅读文字，而是看到它在地图里待机、工作、告警与恢复。
03两天时间，把前后端接起来
前端由我设计和迭代，借助 GPT-5.4 用两天时间完成，后端代码则由 OpenClaw 生成。像素地图使用 remarkablegames/phaser-rpg 框架，结合参考图推进界面制作。这个项目形成了一个很有意思的闭环：Agent 在运行，也参与搭建展示自身状态的系统，前端再把这些状态呈现成可感知的世界。
04界面除了有用，也可以让人愿意多看两眼
我希望 AI 产品不仅有能力，也有可读性、可感知性和一点叙事感。把状态放进熟悉的游戏场景，是为了让人一眼看懂系统正在做什么。这次尝试也受到了 @ring_hyacinth 关于技术产品表达的启发。后续整理项目时，我也记录了状态同步、交互表现、文案和前端结构仍有优化空间，继续把这个实验打磨得更完整。