hansonl
V2EX  ›  Codex

gpt 写前端页面很丑怎么办?

  •  
  •   hansonl · Jun 26 · 5003 views
    This topic created in 130 days ago, the information mentioned may be changed or developed.

    有没有大佬分享一下工作流

    37 replies  •  2026-06-30 10:53:44 +08:00
    caixiaomao
    1
    用过一些前端的技能,效果也一般,可能使用姿势不对
    Yserver
    Yserver
    Jun 26
    2
    感觉现在模型审美都差不多 但是在现有模板上改还看得过去
    LabJo
    LabJo
    Jun 26
    3
    无解,gpt 的前端品味就是御三家最差的
    mon6912640
    4
    kimi 写前端会好点,现在核心逻辑我用 gpt 来完成,前端页面改用 kimi 来解决
    jackqian
    jackqian
    Jun 26
    5
    买个 gemini 20 块钱一年
    SeanYou
    SeanYou
    Jun 26
    6
    gemini 写得界面 挺不错
    needhourger
    7
    用 AI 写页面的最终效果不会超过使用 AI 者的审美水平
    zenshen
    zenshen
    Jun 26
    8
    慢慢改呗
    lany
    lany
    Jun 26 via Android
    9
    image2 重新设计,然后丢给 stitch
    zooandzoo
    zooandzoo
    Jun 26
    10
    gemini 3.5 flash 快、好看、好用
    Plutooo
    Plutooo
    Jun 26
    11
    先让 image2 出图再让 gpt 照着图画 ui
    layxy
    layxy
    Jun 26
    12
    gemini 3.5 flash 吧,放弃用 gpt 做前端 ui 吧,设计和交互就是一坨屎,gemini 其他方面不清楚,审美和 ux 吊打其他
    rnldburn
    rnldburn
    PRO
    Jun 26
    13
    你可以尝试先让它帮你写一份“设计系统”,把“设计系统”定义好了,再写页面,不管美丑,至少风格规范是统一的。
    在定义“设计系统”的时候,尽量对所有的样式、文案、字体、字号、字重等,以及所有的组件、模块、页面给你先做出来模版,如果觉得不满意,持续迭代优化,直到作出一套满意的“设计系统”,然后再让 ai 根据这个“设计系统”来帮你写前端页面。

    给你一份我觉着比较专业的设计系统供参考 vercel.com/design.dark.md

    另外,如果你觉得 GPT 写的不好,可以考虑使用 Claude ,想要订阅 Claude 没有付费渠道的话,可以用 https://rdvcc.com 这个虚拟信用卡订阅各种 ai 非常稳,很赞
    qf19910623
    14
    用 open design 做设计,随便一个 DeepSeek 模型就能设计出能看的模型,生成 html ,然后在你的项目里让 Agent 把 html 搬进去
    Yrian
    Yrian
    Jun 26
    15
    kimi ,已经开通了 99 的套餐
    wu67
    wu67
    Jun 26
    16
    还是 claude 吧, 不给设计稿写出来也算能看.

    gpt5 的时候,我就同一个设计稿给他分别叫他写 3 次, 每次都给我不同的实现效果...
    pmer
    pmer
    Jun 26
    17
    @Yrian 嗯,我以前就是先用 kimi 生成,再把源码给 gpt 等工具继续做
    xyooyx
    xyooyx
    Jun 26
    18
    用 antigravity
    hiyongliz
    hiyongliz
    Jun 26
    19
    gpt 把功能写完截图让 kimi 重新设计
    Lisa9527
    Lisa9527
    Jun 26
    20
    @zooandzoo 怎么使用 3.5 呢,我这个只能在页面中使用,cli 没 3.5 模型,只有 3.1
    lovelive1024
    21
    gemini 比较好看
    94nb
    94nb
    Jun 26
    22
    你们不是用 codex 吗,那咋用 gemini 设计,设计完再给 codex 呀。。。
    refear99
    refear99
    Jun 26
    23
    https://dingxx.com

    全都是 codex 写的
    mon6912640
    24
    @refear99 #23 果然 gpt 写页面真的不行
    HankAviator
    HankAviator
    Jun 26 via Android
    25
    @mon6912640 用户提示词不行吧,手机版内容太多太杂,很本土的感觉
    Ymk1
    Ymk1
    Jun 26
    26
    @jackqian 在哪买呢?
    MagicalCarl
    27
    我感觉强调一下不用大圆角、不用渐变色、不要在页面上有额外描述,给一个主题色。gpt 做出来的也不是那么丑陋
    v2gba
    v2gba
    Jun 26
    28
    claude design 做个设计 然后 handoff 打包丢给别的 ai
    dearmymy
    dearmymy
    Jun 27
    30
    刚好最近我也在研究这个,gpt claude 直接写 ui 是很丑的,有 ai 感觉,目前我打算是花钱,使用 figma ai 或者 v0 去设计网页,然后 cursor mcp 去读取。
    我目前看想用于生产,付费肯定是要付费的。我是主要 react ,所以我打算付费 v0 试试。到时候给你看效果
    trn4
    trn4
    Jun 27
    31
    @refear99 #23 本来对于 GPT 写前端丑没概念,你这个让我一下子明白了
    Wincer
    Wincer
    Jun 27
    32
    换 gemini 出页面,让 gpt 复刻即可。千万别折腾任何 skills ,白费。
    LostPrayers
    33
    我觉得主要是 image2 生成的太好看了,视觉模型走的逻辑不一样。
    对比下来那些代码模型,不管怎么写代码,都不可能有这么好看。就算像让它和设计稿一模一样,也是走的视觉理解,会有很大偏差,现阶段无解。
    甚至视觉模型自己都没搞明白这件事(举个例子 PS 图片分层)。
    不过看现在 AI 生成文字这么好,这个方向还是有很大突破可能的,等 OpenAI 的 image2 进化成 image3 吧
    biubiula
    biubiula
    Jun 27
    34
    我跟 cc 沟通画好了 html 的原型图,让 codex 复刻出来我都觉得土土的,原型明明看起来还精致,codex 折腾到吐血感觉就是浪费 token ,反复道歉,就是很丑
    lizhesystem
    35
    我都放弃了,折腾一圈下来还是觉得这个方案适合我:如果是管理系统给 image2 接口文档,直接出交互的页面,如果是 toC 的客户端,描述大概的业务和主题色还是让 image2 出图,拿着图配合 ui-pro-max 之类 skill 去让 gemini 出页面,不过后端我还是 gpt5.5 去写,相对来说感觉还是稳一点。
    refear99
    refear99
    Jun 28
    36
    @trn4
    @mon6912640

    那有没有什么修改优化意见呢?
    saySilence
    37
    模型没有美学感知,全是靠训练素材。导致网页基本是蓝紫配色,然后有 emoji 之类的。我觉得最佳解决方式是使用某种专门做设计的软件,然后这个软件能输出成某种语言以及相关资产文件,让模型能够理解、引用那些文件,最终实现效果。
    简单一点的话直接用图片作为参考。但是按我之前的尝试,gpt 图片理解远不如 gemini……
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   5192 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 101ms · UTC 06:30 · PVG 14:30 · LAX 22:30 · JFK 01:30
    ♥ Do have faith in what you're doing.