• 请不要在回答技术问题时复制粘贴 AI 生成的内容
x97bgt
V2EX  ›  程序员

用 AI 如何做出好看的前端页面?

  •  
  •   x97bgt · 3h 46m ago · 1250 views

    发现用 AI 做前端页面有点费劲。

    用了 DESIGN.md ,整体风格可以做得有模有样,但是细节上有太多问题。包括但不限于,文字拥挤、空白过大,布局不合理等。即使对把这些约束写在 AGENTS.md 中,AI 也很难遵守。

    这些问题不仅在新建的项目上有,在已有的项目里加一个页面,也很经常出现。模型用的 GPT-5.5 。

    大家有什么好的方法么?

    21 replies    2026-05-28 14:45:09 +08:00
    xuld
        1
    xuld  
       3h 42m ago
    是谁告诉你 AI 可以取代前端开发的? AI 能做的也就是粗糙的活
    xiaomushen
        2
    xiaomushen  
       3h 36m ago
    后台 CRUD 当然可以,但 2C 的页面,还得手工去调
    hamsterbase
        3
    hamsterbase  
       3h 35m ago
    这个和模型能力有关的。

    codex 5.5 的确不太适合凭空 ”创造“ UI

    我的建议是用 claude code 进行 html 设计。 然后让 codex 还原 html 。
    Brightt
        4
    Brightt  
       3h 31m ago
    实际体验 ai 搞后端更厉害
    kuhung
        5
    kuhung  
       3h 15m ago
    Claude 审美稍微好一丢丢,codex 适合后端
    guozi1117
        6
    guozi1117  
       3h 13m ago
    Claude+SKill 出来的页面还是很厉害的
    allinQQQ
        7
    allinQQQ  
       3h 9m ago
    有个很火的 UI UX Pro Max Skill
    craftsmanship
        8
    craftsmanship  
       3h 5m ago via Android
    qiaobeier
        9
    qiaobeier  
       3h 3m ago
    @allinQQQ 用了还行,但是做的东西都是一个样,比较鸡肋。
    TimPeake
        10
    TimPeake  
       3h 2m ago
    image2 生图 -> 生成 html > HTML 丢给你的 claude
    ccraohng
        11
    ccraohng  
       2h 52m ago
    gemini + impeccable 的 teach + shape + craft 以及 live mode
    ggzhyipeng
        12
    ggzhyipeng  
       2h 51m ago
    image2 生图,把图直接丢给多模态,gpt 能还原个八九成吧
    loading
        13
    loading  
       2h 50m ago
    先给设计稿,Ai 做切图仔最合适。
    Linuj
        14
    Linuj  
       2h 34m ago
    我用最近很火的 skill ui-ux-pro-max
    maichael
        15
    maichael  
       1h 10m ago
    其实 AI 做出来怎么样主要看你项目上下文质量,也就是说你的前端本来做的好看,它后面「照着做」的也会好看,本来做的不行它也不行。
    66beta
        16
    66beta  
       1h 5m ago
    UIUX 哪有那么好做,AI 更擅长后端。

    说 AI 写前端好用的,基本都是对前端没有要求的项目,就好像一个素人刚学会 HTML 和 CSS ,照着禅意花园写了几个页面,就感觉自己可以改变世界
    houOne
        17
    houOne  
       50 mins ago
    @xuld ?????
    houOne
        18
    houOne  
       49 mins ago
    @houOne 我干的前端就刚好是这种活, 如何能让它一直保持一致的风格呢?
    全是后台管理系统类型 页面
    Nasdaq
        19
    Nasdaq  
    PRO
       44 mins ago
    claude 审美不错的,至少能合我心意
    MagicalCarl
        20
    MagicalCarl  
       42 mins ago
    写纯前端(让它跳过逻辑部分)用国产模型有奇效,我用最简单的约束,类似“样式风格是浅色、简约、中性、现代化,不要使用大圆角,不要使用渐变色,不要使用 svg 作为图标(使用你认为熟悉的、合适的图标库或 ui 库)”
    wu67
        21
    wu67  
       14 mins ago
    个人建议.

    不要用 gpt 去调样式布局. 除非你这页面生成一次再也不用改了.

    不说 opus, 我宁愿用 sonnet 4.6 不带 thinking 都不用 gpt...
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   5357 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 86ms · UTC 06:59 · PVG 14:59 · LAX 23:59 · JFK 02:59
    ♥ Do have faith in what you're doing.