做为一个产品经理的角色， vibe-coding 小项目，最困扰我的是前端 ui，你们有这个困扰吗？
slackerman · 19 小时 2 分钟前 · 522 次点击略有 coding 基础，以产品经理的角色 vibe-coding 小工具类 web 项目全栈
后端/核心业务逻辑通常不会有什么大问题，只要业务逻辑理顺了拆解清晰，ai 都能顺利搞定
但是前端就有点失控了，一来前端 ui 我没有设计图稿不会给太多约束，讲清业务交互逻辑、组件功能分区。ui 基本上让 ai 自由发挥，然后搞个多 ai 赛马挑一套。
一把梭初看可能效果不错，但是具体到 ui 细节需要调整的时候，我发现直接让 ai 修复的成功率很低，比如改一些折叠、遮挡、推挤、边距、置顶、间距效果。这类调整 ai 实现的效果非常随缘，经常改坏。
请教各位如何解决这类问题，是应该学点前端，这类问题自己动手吗？或者有什么其他的建议？谢谢各位
另外很多前端开发推 gemini 的，我个人体感审美最在线的还是 codex ，是我打开方式不对吗？
后端/核心业务逻辑通常不会有什么大问题，只要业务逻辑理顺了拆解清晰，ai 都能顺利搞定
但是前端就有点失控了，一来前端 ui 我没有设计图稿不会给太多约束，讲清业务交互逻辑、组件功能分区。ui 基本上让 ai 自由发挥，然后搞个多 ai 赛马挑一套。
一把梭初看可能效果不错，但是具体到 ui 细节需要调整的时候，我发现直接让 ai 修复的成功率很低，比如改一些折叠、遮挡、推挤、边距、置顶、间距效果。这类调整 ai 实现的效果非常随缘，经常改坏。
请教各位如何解决这类问题，是应该学点前端，这类问题自己动手吗？或者有什么其他的建议？谢谢各位
另外很多前端开发推 gemini 的，我个人体感审美最在线的还是 codex ，是我打开方式不对吗？
 |
1
iceprosurface 17 小时 53 分钟前 via Android
不要这样搞，太费力，如果用 ai 就不要太在意细节。
如果很在意细节希望能完美还原，建议对着 figma 做一套组件库，然后让 ai 一比一还原组件库（这个因为上下文小所以一般小组件不复杂的都能还原） 然后后续都调用组件库拼页面，善用 auto layer 和 grid ，这样 ai 能自动识别然后基本无差还原。 高保真还原要求，ai 现在就是不行，哪怕有 ui 稿，稍微复杂一点的也搞不定，多少得懂点，起码知道怎么改能改对才能指导 ai 修改对。 |
 |
2
nrtEBH 17 小时 40 分钟前
感觉这里是个商机 , 应该要有专门针对前端 ui ux 的优化模型/agent
做原型试试 https://lovable.dev/ |
 |
3
C64NRD 17 小时 31 分钟前
要是只想页面做的好看，试试这个 https://github.com/nextlevelbuilder/ui-ux-pro-max-skill
|
 |
4
avenger 17 小时 20 分钟前 via iPhone
用 shadcn ui 加自定义 css 都不会太丑
|
 |
5
Solix 7 小时 58 分钟前 via iPhone
咱都是产品了，直接 figma 出原型就行，然后 mcp 搞一搞能还原七七八八
|
 |
6
andforce 7 小时 58 分钟前 via iPhone
楼主的难点其实是在微调 UI 上，用最新版本的 cursor 里的浏览器模式，可以精准微调
|
 |
7
HankYao 3 小时 53 分钟前
开发前先确定好一套设计规范，可以用别的 AI 生成：请结合这张海报、风格图片为我写一套适用于 cursor 的 UI Design ，使用 json 描述如圆角大小，背景颜色，主题颜色，次要颜色，等等
|
Select Language