你有没有发现最近看视频、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






分类