UI 难看怎么办？
多半不是你不会设计，是 AI 手里没有一套规矩。给它一套设计系统，让它照着改，3 分钟就好看了。
改前改后同一个演示站，只换了一套设计系统 Lobe UI，改前改后都由 AI 按下面这段提示词生成。拖动中间的线看区别。
为什么难看
- 颜色没有主次。AI 随手给一个紫色，到处都用。
- 字没有层级。标题和正文差不多大，不知道先看哪。
- 间距忽大忽小。这里 12，那里 17，放在一起就乱。
- 按钮各长各的。一个圆角一个直角，不像一家人。
- 用了浏览器默认控件。下拉框、复选框和页面不是一个风格。
五条是同一个原因：AI 每次都重新想一遍长什么样。
怎么改：给 AI 一套设计系统
在 UINice 挑一套，复制提示词，粘给 Cursor、Claude Code 或 Trae。功能和数据都不动，只改样子。
Upgrade the whole of my existing app in this project to the Lobe UI design system.常见问题
我不会设计，能用吗？
能。颜色和字号都不用你挑，挑一套顺眼的就行。
已经写好的项目能改吗？
能。提示词里写了功能和数据不动，AI 只改样子。
和 UI UX Pro Max 这类 skill 有什么区别？
skill 教 AI 审美规则，样式还是 AI 自己拼。设计系统直接给成套的组件，改出来更稳。