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

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

  •  
  •   x97bgt · 2h 31m ago · 730 views

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

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

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

    大家有什么好的方法么?

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

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

    我的建议是用 claude code 进行 html 设计。 然后让 codex 还原 html 。
    Brightt
        4
    Brightt  
       2h 16m ago
    实际体验 ai 搞后端更厉害
    kuhung
        5
    kuhung  
       2h 0m ago
    Claude 审美稍微好一丢丢,codex 适合后端
    guozi1117
        6
    guozi1117  
       1h 58m ago
    Claude+SKill 出来的页面还是很厉害的
    allinQQQ
        7
    allinQQQ  
       1h 55m ago
    有个很火的 UI UX Pro Max Skill
    craftsmanship
        8
    craftsmanship  
       1h 50m ago via Android
    https://www.v2ex.com/t/1215430
    这不有人分享过
    qiaobeier
        9
    qiaobeier  
       1h 48m ago
    @allinQQQ 用了还行,但是做的东西都是一个样,比较鸡肋。
    TimPeake
        10
    TimPeake  
       1h 47m ago
    image2 生图 -> 生成 html > HTML 丢给你的 claude
    ccraohng
        11
    ccraohng  
       1h 37m ago
    gemini + impeccable 的 teach + shape + craft 以及 live mode
    ggzhyipeng
        12
    ggzhyipeng  
       1h 36m ago
    image2 生图,把图直接丢给多模态,gpt 能还原个八九成吧
    loading
        13
    loading  
       1h 35m ago
    先给设计稿,Ai 做切图仔最合适。
    Linuj
        14
    Linuj  
       1h 19m ago
    我用最近很火的 skill ui-ux-pro-max
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   5219 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 67ms · UTC 05:44 · PVG 13:44 · LAX 22:44 · JFK 01:44
    ♥ Do have faith in what you're doing.