（codex，gemini Cli，ClaudeCode UI生成对照实验）论最近的我是如何用「限制词」把UI的 AI 味道压下去一部分的
- 内容介绍
- 文章标签
- 相关推荐
啥叫UI的AI味?
让我们先给 AI 一个“正常产品经理 / 设计需求文档级别”的需求描述，不做人为干预（让他自由发挥一个）
需求提示词（GPT生成）：
image1132×3322 324 KB
然后我们分别交给gemini-3-pro-preview,claude-opus4.5,gpt-5.2-codex-high
以下是养蛊的过程：
image1900×990 126 KB
上图！
各个模型完全不加任何UI样式要求版本：
Claude-opus-4-5、
image1875×900 65.2 KB
image1880×910 67 KB
gemini-3-pro-preview
image1896×899 75.6 KB
image1890×894 63.3 KB
image1895×899 36.3 KB
gpt-5.2-codex-high
image1885×910 97.2 KB
image1895×906 83.5 KB
image1891×905 88.1 KB
image1900×909 74.7 KB
image1894×908 106 KB
在不加任何限制词的情况下，AI 生成 UI 时暴露出的典型「AI 味」
1. 渐变色本身不是问题，但几乎一定会被用错场景
蓝紫渐变色（tailwindcss默认设置）还有各种各样的渐变色乱用
image794×979 137 KB
这是一种很安全的蓝 / 蓝紫配色上，看起来不难看（但显然有点审美疲劳了已经）
5114dffdb9dbe6f442205a9765ea13bd617cd303100×100 3.65 KB
AI 非常喜欢用渐变色
啥叫UI的AI味?
让我们先给 AI 一个“正常产品经理 / 设计需求文档级别”的需求描述，不做人为干预（让他自由发挥一个）
需求提示词（GPT生成）：
image1132×3322 324 KB
然后我们分别交给gemini-3-pro-preview,claude-opus4.5,gpt-5.2-codex-high
以下是养蛊的过程：
image1900×990 126 KB
上图！
各个模型完全不加任何UI样式要求版本：
Claude-opus-4-5、
image1875×900 65.2 KB
image1880×910 67 KB
gemini-3-pro-preview
image1896×899 75.6 KB
image1890×894 63.3 KB
image1895×899 36.3 KB
gpt-5.2-codex-high
image1885×910 97.2 KB
image1895×906 83.5 KB
image1891×905 88.1 KB
image1900×909 74.7 KB
image1894×908 106 KB
在不加任何限制词的情况下，AI 生成 UI 时暴露出的典型「AI 味」
1. 渐变色本身不是问题，但几乎一定会被用错场景
蓝紫渐变色（tailwindcss默认设置）还有各种各样的渐变色乱用
image794×979 137 KB
这是一种很安全的蓝 / 蓝紫配色上，看起来不难看（但显然有点审美疲劳了已经）
5114dffdb9dbe6f442205a9765ea13bd617cd303100×100 3.65 KB
AI 非常喜欢用渐变色