实在是绷不住了,GPT的前端怎么可以这么丑
← 返回我的实践

实在是绷不住了,GPT的前端怎么可以这么丑

懂得都懂,GPT的前端能力都是有目共睹的拉胯,我实在是没招了,怎么可以做出这么丑的前端页面。

最典型的下面这张图的背景色,你让它写个页面,大概率会是这种橘黄色的,以至于我现在看别人vibe coding的作品,一眼就能看出来是不是GPT做的……

GPT做前端页面的另一个大问题就是各种信息堆叠在一起,它信奉多即是好的原则,如无必要,绝不删减信息。

比如,我让它做个账号管理后台的页面,结果出身的给人气死,大家来欣赏一下。

这个页面把各种信息全部堆在一块,账号总览页面本应该看看账号信息就行了,结果它把工单、账号健康度什么乱七八糟的都放一起,什么都放就相当于什么都没放,我们压根不知道怎么去用,要是GPT作为前端开发在公司上班,估计早被开了吧……

我实在是没招了,最近想到了个好办法,我换成kimi、Gemini来写设计前端页面,然后让GPT参考。

你可能会问,为什么不直接在项目里面让Gemini去改前端代码,而是先写参考代码,让GPT看呢?

其一是有时候我也不知道什么交互和设计比较好看,所以需要先对比一下,比如前段时间我想优化一下墨成公众号排版工具编辑区的UI,对其中的导航卡片用什么样式,我没有想清楚,这时候我就让Gemini帮我做出了几版样式,供我参考。

这时候有图有真相,我们就很轻易的能对比出来哪个好。

另一个更重要的原因是Gemini后端能力比较拉胯,和GPT刚好相反,这事我踩过坑,我让Gemini给我改排版工具的前端,结果它没有发现这个前后端的业务逻辑是有关联的,给我差点搞废了。

所以,我们让Gemini这类模型先出前端页面的示例,供我们挑选,然后让GPT实现,这是最稳的。GPT在写前端的时候,会稳稳的接住你,把关联的后端逻辑也一起改掉。


当用多了AI,你会发现不管是哪个模型,都是它擅长的地方,也有它局限的地方,所以想用好AI,还是需要多用,了解各个模型的特性,当然也可以不用,因为后面有可能出现一个很强的模型,吊打一切,你开始玩AI的时候就吃上细糠了,出道即巅峰……