为什么 LLM 写的前端总是有一种廉价感？特别爱用蓝紫色渐变背景、无关 emoji

训练数据就是如此

```
## 核心原则
- **功能优先美学**：所有视觉设计必须服务于功能实用性，去除纯装饰性元素
- **极简主义执行**：采用“less is more”方法，仅保留必要界面元素
- **系统性一致性**：确保所有组件遵循统一的视觉语言

## 视觉规范
**风格参考**：Notion 、Linear
**色彩方案**：纯色背景，无渐变效果
**视觉效果**：完全扁平化设计，避免拟物化效果
- 不使用渐变、光泽、纹理等装饰
- 阴影使用限制：轻微阴影或无阴影，仅用于必要的层次区分
```
我也觉得花里胡哨，所以项目要求都会加这几句提示词

那是 prompt 不够好，偷懒了

发现了 追加什么科技感高级感也是这种色调

这你得问 tailwindcss/tailwindUI 为什么钟爱蓝紫色

1. 训练数据如此。
2. Vibe Coding 新手尚未意识到 AI 没有给专门提示词的前提下，很容易蓝紫渐变和滥用 emoji 。

这就不得不掏出我之前收藏的 https://www.designprompts.dev/

AI 偷懒，用提示词拷打一下

用 lovable 这种专门搞前端的 LLM Agent 会好很多.
https://autoqa.lovable.app/

tailwindcss + shadcn/ui 成为 AI 编程新时代的 Bootstrap. 可以搜一下: 开源前端框架 Tailwind 创始人为 AI 生成的默认紫色 UI 道歉

用 skill

@location123 skill 有什么推荐吗

感觉和 Bootstrap 有关

不要使用渐变，不要使用 emoji ，参考 shadcn/ui 样式

@anthropics/claude-code/frontend-design @bixinhaner

https://github.com/anthropics/claude-code/blob/main/plugins/frontend-design/skills/frontend-design/SKILL.md

@Muniesa 请教这是用的什么翻译插件

@zhuwd 陪读蛙 https://github.com/mengxi-ream/read-frog

数据集 Tailwind 学多了

王自如在直播里也碰巧提到了，ai 生成的界面效果特别偏爱紫色调，看来不是偶然

@Muniesa #9 请教一下图中是哪个 github 仓库

@Rnreck https://github.com/anthropics/claude-code/blob/main/plugins/frontend-design/skills/frontend-design/SKILL.md

大概是物以希为贵吧。见多了就廉价了。如果你是在 98 年见到这样的页面，就会感觉惊为天人。

只能说是新时代的 Bootstrap 风格

tailwind 背铁锅