后端使用AI很容易,但是 AI 生成的前端页面巨丑无比,有啥好的解决方案吗?

前端有啥好的 AI 生成解决方案吗?从设计到编码实现的

22 个赞

V0.dev

去用这个吧,前端页面写的嘎嘎好看

12 个赞

据说是前端用cc,后端用cx

1 个赞

佬,cc和cx分别是啥

1 个赞

claude code和codex

要不尝试更换提示词试试

figma make

1 个赞

deepseek r1 的前端页面生成的还可以,我一般用r1生成html界面,再扔给cc去实现

用AI单独生成前端UI组件或者网上找,然后让AI参考

你直接告诉AI生成的页面要好看一点

首先先给ai接个context7 mcp用来搜ui组件库用法。再用ppt画个大概截屏喂给支持图像的ai,告诉他网页风格,用tailwind+daisyui。告诉他这个按钮干嘛的,这个文本该显示啥。先让ai随便填个数,等满意了再统一接后端

4 个赞

这个感觉试了一下感觉还不错,佬有成熟的工作流吗?

现在这个阶段,ai的前端能力远远强于后端。

2 个赞

是的,主要就是找不到一套合适的工作流

后台管理类的话,找个UI库强制使用,禁止手写组件,除非不满足再让他手写

我看到有人说自己的页面是 先画简单草图,然后用v0裱糊一下,再喂给cc这种。 v0喜欢用shadc来糊,然后配一下色盘和动效(framer motion)后来自己试验了几个其实还是可以的。
感觉ai自己默认的不好看主要还是navbar footer的显示,以及字体和动效和想要呈现的内容不和谐的问题。

配色比较喜欢 Pastel Color Palettes - Color Hunt

1 个赞

你要求ai只使用BOOTSTRAP 5.3之类带有完善组件的UI库,他再怎么搞都不会翻车。

1 个赞

v0 + sonnet

1 个赞

巨丑无比你用SONNET4.5了?那个紫色是丑的要死,每次跟发神经一样非要渐变和紫色,事实上如果GPT-5-HIGH的提示词足够好,出来的页面非常好看

如果想好看的话 一般自己设计个图或者网上找个现成的让他参考