做为一个产品经理的角色, vibe-coding 小项目,最困扰我的是前端 ui,你们有这个困扰吗? - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member  Sign In
slackerman

做为一个产品经理的角色, vibe-coding 小项目,最困扰我的是前端 ui,你们有这个困扰吗?

  •  
  •   slackerman Jan 29 1667 views
    This topic created in 88 days ago, the information mentioned may be changed or developed.
    略有 coding 基础,以产品经理的角色 vibe-coding 小工具类 web 项目全栈
    后端/核心业务逻辑通常不会有什么大问题,只要业务逻辑理顺了拆解清晰,ai 都能顺利搞定
    但是前端就有点失控了,一来前端 ui 我没有设计图稿不会给太多约束,讲清业务交互逻辑、组件功能分区。ui 基本上让 ai 自由发挥,然后搞个多 ai 赛马挑一套。
    一把梭初看可能效果不错,但是具体到 ui 细节需要调整的时候,我发现直接让 ai 修复的成功率很低,比如改一些折叠、遮挡、推挤、边距、置顶、间距效果。这类调整 ai 实现的效果非常随缘,经常改坏。
    请教各位如何解决这类问题,是应该学点前端,这类问题自己动手吗?或者有什么其他的建议?谢谢各位
    另外很多前端开发推 gemini 的,我个人体感审美最在线的还是 codex ,是我打开方式不对吗?
    7 replies    2026-01-30 11:31:34 +08:00
    iceprosurface
        1
    iceprosurface  
       Jan 29 via Android
    不要这样搞,太费力,如果用 ai 就不要太在意细节。

    如果很在意细节希望能完美还原,建议对着 figma 做一套组件库,然后让 ai 一比一还原组件库(这个因为上下文小所以一般小组件不复杂的都能还原)

    然后后续都调用组件库拼页面,善用 auto layer 和 grid ,这样 ai 能自动识别然后基本无差还原。

    高保真还原要求,ai 现在就是不行,哪怕有 ui 稿,稍微复杂一点的也搞不定,多少得懂点,起码知道怎么改能改对才能指导 ai 修改对。
    nrtEBH
        2
    nrtEBH  
       Jan 29
    感觉这里是个商机 , 应该要有专门针对前端 ui ux 的优化模型/agent
    做原型试试 https://lovable.dev/
    C64NRD
        3
    C64NRD  
       Jan 29
    要是只想页面做的好看,试试这个 https://github.com/nextlevelbuilder/ui-ux-pro-max-skill
    avenger
        4
    avenger  
       Jan 29 via iPhone
    用 shadcn ui 加自定义 css 都不会太丑
    Solix
        5
    Solix  
       Jan 30 via iPhone
    咱都是产品了,直接 figma 出原型就行,然后 mcp 搞一搞能还原七七八八
    andforce
        6
    andforce  
       Jan 30 via iPhone
    楼主的难点其实是在微调 UI 上,用最新版本的 cursor 里的浏览器模式,可以精准微调
    HankYao
        7
    HankYao  
       Jan 30
    开发前先确定好一套设计规范,可以用别的 AI 生成:请结合这张海报、风格图片为我写一套适用于 cursor 的 UI Design ,使用 json 描述如圆角大小,背景颜色,主题颜色,次要颜色,等等
    About     Help     Advertise     Blog     API     FAQ     Solana     937 Online   Highest 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 539ms UTC 21:30 PVG 05:30 LAX 14:30 JFK 17:30
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86