你有没有发现最近看视频、ppt 的时候，大量的人开始用 vibe 出来的前端做展示了，满篇的 emoji、渐变色，已经有一些视觉污染了。

全视传媒

你有没有发现最近看视频、ppt 的时候，大量的人开始用 vibe 出来的前端做展示了，满篇的 emoji、渐变色，已经有一些视觉污染了。这里面的主要原因有两个：


- 如果你不做要求， vibe design 会选取平均值，这里 Tailwind UI 的创始人有锅，他之前把每个按钮都设成`bg-indigo-500`，造成了 ai 在大量学习之后，习惯性的输出是生成靛蓝色。
- 很多人其实并不掌握精确描述和构思的能力，纯 vibe。

这里有一组前端设计技巧，来自 andrew gao（他前几天在推特上推荐做 vibe coding 的人去了解下 UI 组件的帖子爆火，图 2，网站链接：component.gallery）：

- 给你的智能体展示你喜欢的设计截图（你可能不知道如何准确描述，但智能体懂！一图胜千言），去 Behance、Dribbble、Mobbin 寻找灵感。show，not tell。

- 向你的智能体索要设计方案，这有助于"播种"不同方向，让最终前端脱颖而出。别怕反复沟通调整。

- 禁止特定倾向：禁用 Inter/Roboto 字体、禁用 shadcn 组件库（存在争议）、禁用渐变效果、禁用 emoji

- 鼓励智能体采取极端立场并做出大胆决策，而非保守选择。底层模型在强化学习/微调过程中往往被训练成倾向保守选择，从而产生合理但乏味的前端设计

- 为你的智能体配备 Figma MCP。若先在 Figma 中完成视觉稿设计，将获得最佳效果

- 理想情况下应选择具备 vision 能力的智能体

这里面也有一些观点和「张咋啦」很像，一起推荐见下，见最后一张图

链接：x.com/itsandrewgao/status/2028296136281522226