2. Linux.do
  3. 【长期更新】VibeCoding前端界面丑爆了的解决方案合集

【长期更新】VibeCoding前端界面丑爆了的解决方案合集

paddington 2026-07-03 00:29 1

VibeCoding久了之后发现，很多时候放弃继续一个项目，往往不是因为难度大或者碰上什么技术槛过不去。往往是因为放任Agent开发，结束了之后去看成品


结果发现开发出来的界面一坨


核心功能倒是都可以用，就是界面丑的像一个半成品，会让人没有想继续下去的欲望


爬了一下本站，好像没有一个专门用于收录VibeCoding前端界面丑陋的帖子


遂建此帖，欢迎各路大神奉献自己在使用的方案

最新回复 (6)
  • testrome 07-03 00:34
    1楼

    我这里有一个思路 找类似功能的平台 ui 截图让 gpt 给谷歌的 stitch 指令 在谷歌 stitch 上实现 然后截图返回 gpt 继续讨论指令 几次下来差不多

  • buddy 07-03 00:35
    2楼

    用image 2生图，然后丢给 llm去还原生产规范和组件就好了。

  • vhxubo 07-03 00:37
    3楼

    1. Gemini 根据图片生成前端样式代码，最后应用到编码中；

    2. CodeX 搭配 frontend-design ui-ux-pro-max Skills 的效果也不错；

    3. 使用 Open Design 生成 html，最后转写；


    目前在用的开发流程是：原型转示例 html → Agent 直接读 html 生成样式 → 细调样式


    如果没有原型，可以考虑试一下 Claude Design 或者 Open Design 先引导设计后编码。

  • Vantalens 07-03 00:42
    4楼

    佬，可以看看这个


    不知道佬们都是怎么用 AI 写出好看的前端页面的，能分享一下经验吗
    我有个不成熟的想法，就是做一个用于设计前端的软件，可以进行页面的布局，模块的规划，动画、字体和风格的自行定义（就像做 PPT 一样自己到处拖拽组件），以及各组件分别对应什么页面，然后将这个转为 md 文档，将这个文档扔给 AI 去进行代码的实现。我觉得这样比直接用 skill 进行设计更可控，理论上也可以降低 token 的使用…
  • paddington 楼主 07-03 00:57
    5楼

    （帖子已被作者删除）

  • 温度C 07-03 01:52
    6楼


    1. CodeX 搭配 frontend-design ui-ux-pro-max Skills



    我全程都使用这个，也不是说它丑，就是中规中矩，显得太死板了。

* 帖子来源Linux.do
附近帖子
返回
飞读
随机推荐