V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
• 请不要在回答技术问题时复制粘贴 AI 生成的内容
YanSeven
V2EX  ›  程序员

我用 cc 和 codex 用到现在,写前端感觉都是一坨啊

  •  1
     
  •   YanSeven · 2 天前 · 7760 次点击
    复杂一点的,在美感设计上,交互上。全是一坨。点也能点,看也能看,但是就是毫无美感的各种元素大大小小的不合时宜的堆在一起。

    这个得物怎么敢解散前端团队的。

    还是说我使用上有问题。
    第 1 条附言  ·  8 小时 33 分钟前
    居然能有 72 个收藏,看了受困于前端及设计的码农不少。。。
    57 条回复    2026-03-17 17:13:03 +08:00
    jqknono
        1
    jqknono  
       2 天前 via Android
    得微调啊,QA 测试干了前端的活
    humbass
        2
    humbass  
       2 天前 via Android
    没定制化的前端,特别有设计师参与的,AI 还是搞不定的,因为没法直接完成界面,所以都要人工实现了静态界面,逻辑部分交给 AI 处理。
    如果写管理界面,常规不复杂的 CURD ,像 element ui ,AI 写的还不错。
    YUX
        3
    YUX  
    PRO
       2 天前
    我觉得难点是把自己的想法描述清楚,千万不能让 ai 自由发挥,同时工具,框架啥的都要自己选好。你慢慢说,ai 慢慢改。可以搭配 https://impeccable.style/ 一键/polish 有点用 但主要还是耐心指导 ai 。
    apibox
        4
    apibox  
       2 天前
    换成 Gemini 试试?都说它写前端审美在线。
    jtwor
        5
    jtwor  
       2 天前   ❤️ 5
    cc 有专门的前端风格样式 skill https://ui-ux-pro-max-skill.nextlevelbuilder.io/
    apkapb
        6
    apkapb  
       2 天前
    加 skill ,会好非常多!!
    ipwx
        7
    ipwx  
       2 天前   ❤️ 3
    你应该先用 codex+figma 或 codex+pencil 出设计稿。

    设计稿必须有正确的元素嵌套关系,明确空间应该是给 padding 还是 margin ,布局走 flex 还是 whatever 。必要时可以手动微调。

    最后让 codex 根据设计稿出页面。

    ====

    当需要修改的时候,改设计稿,然后让 codex 根据设计稿改代码。
    YanSeven
        8
    YanSeven  
    OP
       2 天前
    @ipwx 收到🫡
    YanSeven
        9
    YanSeven  
    OP
       2 天前
    @jtwor 感谢我去看看。
    YanSeven
        10
    YanSeven  
    OP
       2 天前
    @apkapb 好的,感谢🙏
    YanSeven
        11
    YanSeven  
    OP
       2 天前
    @apibox 我觉得 Gemini 可能也只是对于一些简单的静态页面可能一下子出图还不错,但是实际复杂的交互我试过了,也是一般。
    kamal
        12
    kamal  
       2 天前   ❤️ 1
    那肯定你是对的,错的是这个世界。
    YanSeven
        13
    YanSeven  
    OP
       2 天前
    @YUX 是的,我也发现了,由于我主要是后端,脑子里对于前端和美工设计相关的概念太过贫乏,大白话叽里呱啦敲半天 promt 都发怵了,描述的时候很费力。
    gcgj72
        14
    gcgj72  
       2 天前
    都是基于 ui 设计的 figma gemini 那种直接可以 mcp 或者提供 html 还原的 你要 ai 手搓 那随机性有点高了
    bbbblue
        15
    bbbblue  
       1 天前
    你给他固定一套组件库和 design 风格 限制他一下
    Zy143L
        16
    Zy143L  
       1 天前
    纯文字描述没法实现...这种其实应该回到最早的那个设计模式..前端切图仔放现代就是用 figma 这些做原型设计然后让 AI 去实现
    SingeeKing
        17
    SingeeKing  
    PRO
       1 天前
    「前端」和「设计」完全不是一个领域
    treblex
        18
    treblex  
       1 天前
    写 element 后台挺好,本来还尝试写 crud 超级 table 复用,现在也不用浪费时间了
    wakarimasen
        19
    wakarimasen  
       1 天前 via Android
    你的感觉没错。

    可是,即使在 2023 年以前,大模型爆发以前,十有八九的业务不都是

    点也能点,看也能看,但是就是毫无美感的各种元素大大小小的不合时宜的堆在一起。
    0x0x
        20
    0x0x  
       1 天前 via Android
    不是活没了啊,人家是前端变全栈了。只是对外不叫前端开发工程师
    k4x7UW92WE8
        21
    k4x7UW92WE8  
       1 天前
    @ipwx figma 自己就有 ai 对话窗口 聊几句就出来了 我之前用 opus 生成 html 设计 再通过 figma 浏览器插件喂进去 也是可以的 但是 pencil 怎么整啊 怎么让 pencil 接 ai 啊
    chaunceywe
        22
    chaunceywe  
       1 天前
    UI 用 gemini 写效果比较好
    acisky
        23
    acisky  
       1 天前
    ai 理解的前端就是流式布局+tailwind ,实际好看的布局都不是流式布局,现在稍微好点是因为 ui 组件更美观了,实际还是按照流式拼页面
    nancccc
        24
    nancccc  
       1 天前
    同感
    lkk
        25
    lkk  
       1 天前
    直出前端用 Gemini
    womeiqianhua
        26
    womeiqianhua  
       1 天前
    stitch 试试
    yimouleng
        27
    yimouleng  
       1 天前
    前端只用 gemini ,其他的都是垃圾审美
    skallz
        28
    skallz  
       1 天前
    前端还在啊,那些都是标题党所谓的各个公司解散前端,实际上依旧是之前的前端在用 ai 把控前端工程,只是不再区分前后端了而已,但是原来的活实际上主要还是原来的人在干,只是现在需要兼职干其他的相对不重要的活
    layxy
        29
    layxy  
       1 天前
    写前端目前体验最好的是 gemini,其他的审美都不在线
    piaomiao0315
        30
    piaomiao0315  
       1 天前
    前端 gemini 会好很多,后端用 claude ,review 用 codex
    vipfts
        31
    vipfts  
       1 天前
    会不会 vibe , 不会 vibe 别 vibe ,哪里一坨了,你有没有好好写 prompt , 觉得一坨,好好找找自己原因, 有没有好好 Coding ,不然怎么不会 vibe
    sunshaozong
        32
    sunshaozong  
       1 天前
    1 、前端和设计是两回事
    2 、后端工程师多数都具备基本的前端开发能力
    2bNot2b
        33
    2bNot2b  
       1 天前
    claude code + figma mcp ,在 figma 中做好设计工作,然后让 claude code 使用 figma mcp 获取到设计再进行计划、开发。
    zhangsimon
        34
    zhangsimon  
       1 天前
    @ipwx 我用 figma 设计好了网页,用 mcp 连接了 codex ,让 GPT5.4 给我还原
    可是还原度还是很差😭
    就一个静态网页,展示 一个 app 界面和下载入口
    只是用了一些形状组合,结果它 css 都没有给我还原到位
    需要在描述词里多加一些约束吗?
    zhangsimon
        35
    zhangsimon  
       1 天前
    @2bNot2b 也请教下有没有具体提示词或 skill ,我已经通过 mcp 把 codex 连接到 figma 的设计稿了,还原度还是不咋地……
    xuanbg
        36
    xuanbg  
       1 天前
    因为前端代码本来就都是一坨啊。AI 会的东西也不是天上掉下来,也是从人写的代码里学来的。你想哈
    HaibaraDP
        37
    HaibaraDP  
       1 天前
    把设计稿给 ai ,已经能实现的很好了,需要调的时候得精准的说要改什么,比如让 ai 画 svg 没法一次画出合格的,需要像教小孩子一样一笔一笔的来
    sprinng
        38
    sprinng  
       1 天前
    https://www.v2ex.com/t/1184316 这个应该可以帮到你~
    chenxinan
        39
    chenxinan  
       1 天前
    我是前端,前一个月我用 cc 重构了一个偏前端的业务,代码覆盖面 100 多个文件(大多是新增和删除),完全是指导 ai 写的,交互也是,多个 session 一起改,有代码风格不太一致的问题和代码组织不太优雅,但能用就行我也不像再折腾
    jadeborner
        40
    jadeborner  
       1 天前
    人家前端转全栈了,另外没前端了你后端不能学前端?高考还得考好几门呢,未来社会必须要会得越多越好
    Pandroid
        41
    Pandroid  
       1 天前
    要做精细控制还是 Figma+mcp 。
    全靠生成的话,可以试试这个 skill: https://impeccable.style/#changelog
    anguiao
        42
    anguiao  
       1 天前
    因为直接用 AI 生成的话,本来就是一坨。但是很多人其实没有审美,vibe 出来的东西都丑成啥样了,他还自我感觉很良好呢。

    不过前端的大部分工作,不是做这些的,而是写后台的 CRUD 。这类需求只要文档规范的话,AI 可以完成得很好了。
    nrtEBH
        43
    nrtEBH  
       1 天前
    前端你需要自己有审美 一把梭也很容易翻车
    我现在是用 pencil.dev 类似 figma mcp 也得和 AI 聊半天 才能调好一个
    说什么前端最先被 ai 取代 我觉得只会 CRUD 的不管前后端都会被淘汰
    yangzzz
        44
    yangzzz  
       1 天前
    cc 也只是一个厨子。他能做多精美的菜取决于你给他的菜谱。最简单的试试 Figma mcp 。不说 1:1 复刻,但是 95%的还原基本没问题
    Gilfoyle26
        45
    Gilfoyle26  
       1 天前
    让子弹飞一会
    meteora0tkvo
        46
    meteora0tkvo  
       1 天前
    先让 ai 画好你满意的设计稿,再叫前端 ai 生成前端代码。而不是立马就上手写前端代码。这点跟人写代码一样
    zjcolvin
        47
    zjcolvin  
       1 天前
    @jtwor 这个 skill 超级好用。感谢分享!
    rb6221
        48
    rb6221  
       1 天前
    前端开发解散了,设计师还没有解散啊
    目前已经有 AI 把设计稿自动转成代码实现的工作流了,只是你没用过而已
    7247949
        49
    7247949  
       1 天前
    让子弹飞一会
    8355
        50
    8355  
       1 天前
    再过 3 年还是有一样的帖子
    takeshima
        51
    takeshima  
       1 天前 via iPhone
    AI 只是个裁员的借口,你说因为经济状况不好而裁员别人会觉得你这个公司前途暗淡,你说因为引入 AI 而裁员,别人会觉得是公司健康的技术发展,裁员的公司赢了,卖 AI 的也赢了
    rev1si0n
        52
    rev1si0n  
       1 天前
    前端默认的话确实是一坨,你得给他设计图,直接图片能抄出来百分之七十的效果。你想直接文字描述的话一般让 v0 写界面(基本能把你文字说明写个漂亮的页面出来)或者有专门的设计 UI 的 AI 但是我试过两个付费但是不太好感觉就是左一块右一块的拼白花钱不过问个几十上百次也能出来个好看的界面不过不值得,然后 codex 加后端,当然,最好还是有设计图。
    ipwx
        53
    ipwx  
       18 小时 9 分钟前
    @zhangsimon 你可能真的需要一点前端经验。我案例我们公司的前端用,现在很舒服。关键是你不能让它只是还原 “形状”,你得告诉他更多,比如对着图告诉它某个地方是 panel ,padding 大概多少,margin 大概多少。布局用 flex 之类的。
    ipwx
        54
    ipwx  
       18 小时 8 分钟前
    @ipwx 甚至不用精确数值,你告诉它这里的面板,和页面 body 的边距用 margin ;内部边距用 padding ;和上方的面板用 margin 之类的。内部元素用 flex ,允许换行。之类的。
    rustnj
        55
    rustnj  
       7 小时 51 分钟前
    @gcgj72 老哥细说
    kamilic
        56
    kamilic  
       6 小时 49 分钟前
    问就是你不会用 ai 喽(狗头
    Mandelo
        57
    Mandelo  
       24 分钟前
    适合干我们这种各种管理系统。。。。。
    关于   ·   帮助文档   ·   自助推广系统   ·   博客   ·   API   ·   FAQ   ·   Solana   ·   5357 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 29ms · UTC 09:37 · PVG 17:37 · LAX 02:37 · JFK 05:37
    ♥ Do have faith in what you're doing.