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

查看 115|回复 11
作者:stararenas   
刚接触 Vibe Coding 时就感觉前端比后端复杂好多,后端只需要不停按照需求优化性能就好了,有客观的测试数据,如果优化效果不符合预期就检查架构是否有改进的空间。总而言之就是流程可控。
前端界面一开始完全不会,找类似软件学习,然后和 Codex 描述需求,各种细节瑕疵,花费很大精力改得差不多,身心俱疲,然后下一次改动又重复一遍这个流程。
痛定思痛,反思流程问题,于是整理出前端文档,找 ChatGPT 网页端生成组件和布局的示意图,包含各种状态。再让 Codex 根据示意图和文档绘制界面,再修改文档修复 bug ,改完以后找 ChatGPT 重新生成最新版本的示意图。
这个过程真的很漫长,因为端到端测试都要自己来,而且还不放心,还要再开一个窗口让 Codex review 代码。
其实我之前尝试过 Claude Design 和 Claude Code 协作写前端,但细节有很多问题,Claude Code 也处理不好。我想请教一下大家,是前端本来就如此复杂,还是我的流程有问题导致如此繁琐?

前端, 复杂, 流程

Solix   
直接这样 vibe 不太行,前端这个确实难搞,不过使用 Figma make 那个 gemini pro ,一次就能出个差不多,很惊艳,你可以试试
cairnechen   
claude design 用 design system 了吗?
MuyuQ   
前端很多都是直接套用别人的轮子。
你这是自己在手搓轮子。
你当然会觉得复杂。
heywitt   
如果你对风格没有自己很严格的要求,可以试试 unUI ,用 codex 设计但准确性非常高,因为设计方向被固定在 saas 类上约束了范围。
这里是免费试用: https://unui.cc/zh/campaigns/ETV0LGM1mUTQ8ap5Runh
dode   
先简单学习前端 css 理论体系
MuyuQ   
https://21st.dev/community/components
https://uiverse.io/
然后还有这个
https://impeccable.style/
超级好用。
安装以后,agent 的审美提升一个档次。
C64NRD   
每个模型都有自己的前端风格,选好模型很重要,另外就各种 skill:
- https://www.skills.sh/?q=ui
- https://getdesign.md/
- https://github.com/nextlevelbuilder/ui-ux-pro-max-skill
night98   
你要是想搞很复杂的动效和整体设计那是很麻烦,但多数时候前端都是直接用各种框架封装好的现成组件直接用就行了。
guanzhangzhang   
纯手搓会很难,如果业务样式在满足基础要求下,很多框架样式这块都有组件化编程引用,从而快速实现需求
您需要登录后才可以回帖 登录 | 立即注册

返回顶部