我们如何逃出 AI 前端的紫色囚笼

欢迎来到 YouWare 技术博客，在这里我们坦白罪行，也分享秘密。

我在十里之外就能嗅出 AI 生成的前端

这不是玩笑，而是一声呐喊。我们都见过那铺天盖地的紫色与靛蓝渐变，早已把整个互联网淹没。

https://x.com/IamKyros69/status/1975153164300263533

每个人都在经历「紫色渐变疲劳症」。而我们知道该怪谁。五年前，Tailwind CSS 的作者——这个几乎撑起现代 AI 网页的框架——做出了一个命运性的决定：他把默认 UI 颜色设置成了 bg-indigo-500。这个当时看似无关紧要的选择，在他浑然不知的情况下，定义了整整一代 AI 的审美风格。

https://x.com/adamwathan/status/1953510802159219096

然后是 Anthropic，他们把这种紫色美学发扬光大。他们的旗舰模型 Claude Sonnet 似乎与这种颜色有着某种灵魂深处的羁绊。无论你的设计提示词写得多详细，无论你怎么苦苦哀求，它端上来的永远是又一个紫色渐变网站。

在 YouWare，我们大量使用 Sonnet，用得太多，以至于我们自己的网站开始像是一首献给紫色的颂歌。这就是我们如何挣脱枷锁的故事。

"Boost" 按钮——治标不治本的创可贴

我们的第一个逃脱计划，是一个叫做「Boost」的功能。

AI 智能体的系统提示词又长又讲究，你不能简单地告诉它「做得好看一点」然后期待一件艺术品。于是，我们打造了一个专属的「Boost」模式。当用户点击它时，智能体会切换到一套精心筛选的现代设计规范，给项目带来立竿见影的审美升级——最重要的是——一场驱除紫色瘟疫的仪式。

Boost 是个好功能，尤其对全新项目效果惊人。但随着用户使用，我们发现了两个问题：

• 改动幅度太大： 点击「Boost」就像一次性重新装修家里所有的房间，需要极大的信任感。由于用户无法预知结果，面对已经投入了心血的项目，很多人都不敢轻易按下这个按钮。
• 可能带来混乱： 对于结构更复杂的网站，全套设计系统的大换血可能会掀起一番动荡。虽然不会导致功能崩溃，但可能引入意料之外的布局偏移或样式不一致，需要手动收拾残局。

Boost 至今仍是我们工具箱里的利器，非常适合用非紫色的强势美学来启动新项目。但它也给了我们一个关键教训：仅靠提示词和后期处理能做的事是有限的。创可贴能盖住伤口，却治不好病。真正的战役，必须在底层模型上打响。

无法评估，便无法改进

但怎么在模型层面打这场仗？无法衡量的东西，就无法修复。要找到一个不会默认使用紫色渐变的更优底层模型，我们需要一套严谨的方法来客观比较各个模型。我们需要一个系统性的评估框架。