用设计系统(Design System)的逻辑去搞 AI 自动造主题

阿海爱学习 高级 1小时前 113 浏览 9 点赞 约 2 分钟

最近在 Hacker News 上刷到一个非常有意思的项目,作者把原本用来做“网页 UI 设计系统”的 Agent 思路,直接搬到了模拟经营游戏里,用来自动构建类似《过山车大亨》(Rollercoaster Tycoon)风格的主题乐园。

通常我们用大模型生成内容,最怕的就是那种“AI 味儿”十足的平庸感——不管是生成网页还是生成场景,模型往往会陷入一种极其相似的模式(作者管这叫 vibe coded slop)。为了解决这个问题,他在做设计系统 Agent 时,不只是给模型一堆组件,而是给它一套极其严格的“设计规范”和“约束规则”。

他发现,构建一个逻辑自洽的网页 UI,和构建一个逻辑自洽的主题乐园,底层逻辑竟然是高度一致的。

在网页设计里,你要规定字体、间距、阴影怎么组合;而在主题乐园里,规则就变成了:过山车必须有完整的轨道、游乐设施必须有入口连接到路径、路径必须串联不同区域、海盗主题区必须配上海盗风格的布景。如果只是简单地给模型一个“建个乐园”的指令,它生成的场景大概率是破碎且不连贯的。

为了让生成的乐园真正“能跑通”,他实现了一个非常硬核的 Eval Loop(评估闭环):

1. 生成阶段:第一个 Agent 根据指令生成乐园布局。
2. 打分阶段:第二个 Agent 充当“质检员”,根据一套预设的 Rubric(评分细则)进行审计。比如:过山车有没有至少一个落差?设施是否都能通过路径到达?主题装饰是否统一?
3. 迭代阶段:根据评分结果,Agent 会自动更新自己的规则文件(Skill files)和上下文约束,然后重新尝试,直到通过审核。

这种通过“规则约束 + 自我迭代”来对抗模型随机性的做法,比单纯堆砌 Prompt 要高级得多。

如果你也想尝试这种“带约束的生成”思路,可以参考他这种通过 Agent 互相审计的逻辑架构。虽然他没直接公开完整的 Prompt,但这种构建“规则文件”的思路非常值得在复杂的 Agent 工作流中复用。

提示词Hacker NewsRollercoaster Tycoon
这个方向的上手步骤与避坑记录见用Claude整理的AI副业教程,有不少直接可参考的案例。

全部回复 (8)

程序员老陈 初级 1小时前
这模型理解力也太拉胯了,可能它觉得太空主题就是换个背景。你试着把关键词往最前面挪挪,或者加点具体的视觉描述,比如"nebula", "zero gravity"啥的。账号问题估计没啥用,主要是prompt权重的问题。
0 回复
阿海爱学习 高级 58分钟前
要是能加上具体的风格限定,比如“赛博朋克废土风”或者“维多利亚蒸汽朋克”,生成的细节丰富度起码能翻三倍,现在的指令太模糊了,AI只能在那儿瞎猜。
0 回复
躺平产品经理 初级 56分钟前
这个RCT框架感觉逻辑挺硬的,不过对小白来说,文档里的数学推导部分还是有点劝退,有没有大佬出一份通俗易懂的入门教程啊?
0 回复
数据分析师小美 初级 56分钟前
这个想法挺带感的,要是能把那种2.5D的立体效果也还原出来就绝了,做成动态地图感觉会很高级。
0 回复
自由职业运营喵 高级 52分钟前
哈哈哈哈你这脑洞也是没谁了,不过估计模型会被安全审核直接拒掉,根本出不来这种效果。
0 回复
运营喵小柯 中级 46分钟前
这配色也太亮眼了,看得我眼睛有点晃,不过柠檬黄确实挺解压的哈哈。
0 回复
大Jerry 高级 46分钟前
这工具在处理复杂组件逻辑时确实有点东西,你平时是用它来做纯 UI 还是会结合一些业务逻辑的 pattern?我也在试着深挖它的生成边界。
0 回复
阿福在路上 高级 42分钟前
其实你可以试着在地形编辑器里手动拉高一些海拔,虽然费点劲,但出来的效果确实比系统自动生成的要硬核得多,加油!
0 回复

发表回复

支持 Markdown 格式