为什么 AI 写出来的界面总有一股「AI 味」

用 AI 生成前端页面，最常遇到的尴尬是：代码能跑，但界面一眼假。

典型症状包括：

• 清一色的紫色渐变配大圆角卡片，像同一个模板换皮；
• 间距全靠感觉，元素挤成一团或者散得像荒地；
• 字体只有系统默认，层级靠加粗硬撑；
• 按钮、输入框、卡片长得都差不多，用户不知道该点哪里。

这不是模型不会写 CSS，而是它在「审美决策」上偷懒——默认走最安全、最平均的那条路。Hacker News 上有人开源了一个叫 Suta 的项目，定位很明确：一个专门用来减少 AI 生成 UI 中「slop」的技能包。

「slop」是这两年 AI 圈的新词，指那种量大、廉价、看着像那么回事但经不起细看的生成内容。Suta 要解决的就是 UI 版的 slop。

Suta 的核心思路：把审美变成可执行的规则

Suta 不是一个 UI 框架，也不是组件库，它更像一份「给 AI 看的约束清单」。

它的做法是把设计判断拆成模型能理解、能执行的规则，然后在生成 UI 的过程中强制套用。大致可以归纳为三层：

第一层：结构约束。 明确告诉模型页面需要哪些区域、信息优先级怎么排，避免它把所有内容平铺成一张大卡片。

第二层：视觉约束。 限定配色数量、字号阶梯、间距节奏、圆角与阴影的使用场景，防止模型自由发挥出一堆互相打架的样式。

第三层：反模式清单。 直接列出「不要做什么」，比如不要滥用渐变、不要所有按钮都用主色、不要用三种以上字体。

这套思路的关键在于：与其让模型「发挥创意」，不如给它一套可验证的标准。 创意留给产品和内容，界面先保证不出错。

怎么把它用起来