前端界面比想象中复杂好多

直接这样 vibe 不太行，前端这个确实难搞，不过使用 Figma make 那个 gemini pro ，一次就能出个差不多，很惊艳，你可以试试

claude design 用 design system 了吗？

前端很多都是直接套用别人的轮子。 你这是自己在手搓轮子。 你当然会觉得复杂。

如果你对风格没有自己很严格的要求，可以试试 unUI ，用 codex 设计但准确性非常高，因为设计方向被固定在 saas 类上约束了范围。 这里是免费试用： https://unui.cc/zh/campaigns/ETV0LGM1mUTQ8ap5Runh

先简单学习前端 css 理论体系

https://21st.dev/community/components https://uiverse.io/ 然后还有这个 https://impeccable.style/ 超级好用。 安装以后，agent 的审美提升一个档次。

每个模型都有自己的前端风格，选好模型很重要，另外就各种 skill：

• https://www.skills.sh/?q=ui
• https://getdesign.md/
• https://github.com/nextlevelbuilder/ui-ux-pro-max-skill

你要是想搞很复杂的动效和整体设计那是很麻烦，但多数时候前端都是直接用各种框架封装好的现成组件直接用就行了。

纯手搓会很难，如果业务样式在满足基础要求下，很多框架样式这块都有组件化编程引用，从而快速实现需求

前端出了 bug ，修一下，刷新一下

后端出了 bug ，脏数据，数据泄露，服务器被攻击

我是设计师，意识到了想要像素级实现一个设计稿，vibe coding 目前还实现不了。 第一版出来就是最好的，之后只会越改越乱。

你觉得后端简单，是因为你目前接触到的后端层次太浅了而已。IBM 的 CPU 连单核都能做到热屏蔽，你用后端对 Intel CPU Vibe 一下试试？

你需要一个设计系统和组件库，你可以在 Figma 里设计出一个设计系统，然后让 AI 做成组件库。或者使用现成的 Material Design 组件库，经典永不过时。

有了 AI 之后真的减少了前端很多的复杂度，以前 rails 那群人搞的 nobuild 、htmx 、turbo 这些都被 AI 杀死了。

@MuyuQ @C64NRD 非常感谢，这几个网站都很棒，泪目了。

@night98 macOS 原生开发，没办法直接用现成的前端框架，很僵硬，只好自己去提高审美 @guanzhangzhang 理解，不过目前项目没办法，以后再这么做吧。

@Solix 试了一下，感觉和 Claude Design 差不多，我真正怀疑的是这么做的可维护性，因为细节问题才是比较麻烦的。 @cairnechen 忘记了，大概率没有。

@evan9527 第一版图出来以后，我大部分时间就在对齐文档和代码了，图片一般改动的频率比较低，因为出图慢且不一定保证符合预期。