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

[drymonfidelia]

大厂纯 LLM 生成网站案例 一眼 AI 风格 aHR0cHM6Ly93d3cuYXR0LmNvbS5teC9kZXNibG9xdWVvLw==

[akaze]

训练数据就是如此

[Becod]

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

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

[Q980q48Jgj6pRXoO]

功能性大于美观性

[Perry]

那是 prompt 不够好，偷懒了

[diudiuu]

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

[Zy143L]

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

[ihainan]

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

[MagicalCarl]

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

[Muniesa]

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

[terryso]

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

[maguowei]

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

[location123]

用 skill

[bixinhaner]

@location123 skill 有什么推荐吗

[ion1ze]

感觉和 Bootstrap 有关

[Yuunie]

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

[tcitry]

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

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

[v2dev]

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

[Muniesa]

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

[kenvix]

数据集 Tailwind 学多了

[hahastudio]

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