AI 辅助编码在实际业务前端落地效果如何？

能搞定非业务的，比如让 ai 帮整个表单架子还是 ok 的，但是表单延申出来的动态逻辑控制、校验规则之类的，还是得靠人写，也就是还原产品 prd 里那些弯弯绕绕的逻辑。另外写工具也不是万能的，我最近在重构老页面，让 ai 帮我封装 antd 的 Formitem,支持双向字段映射，ai 写不出来，可能是因为没学过，我在网上也没搜到类似的实现。

UI 实现没问题，但是 vibe code 代码都是屎山，当然很多初级根本不明白屎山是什么。还是只能当工具用，不过整体代码效果比去年好很多了。

Ai 写逻辑和功能挺强的，拿来写设计稿 UI 就算了，别折磨自己🌚

2c 的，只能生成大体结构，好多还是要自己写。正常业务逻辑可以写个架子，然后跟着调整，实现出来就是流水账。不想费脑子追求优雅的话，就当跟 ai 聊天了。

看一些回复就知道有些人对于前端的认知还在 html+js+css 的时代，感觉自己分分钟能 cover 一样，要是真能 cover ，干嘛不把前端的工资一起拿了，对吧全栈工程师 。

2B 的场景下，只要项目组件的接口/文档足够详细，完全可以让 AI 去做，大部分也能完美实现； 2C 的话，你要浪费不少 token 了，因为基本做不到你满意的效果（就 V2EX 上经常出现的 vibe coding 的产品页面，一股子 AI 味），v0 也做不到像素级还原，还是要自己一个细节一个细节的去对话调整（我的 cursor 60 刀套餐都是浪费在页面微调上了）。

作为深度体验以及准备转行到 AI 赛道的前端来说下，目前生成的效果完全取决于模型的效果，此外存在一系列问题，看你能不能接受
1. 设计图的还原度，结合 mcp 可以大概还原，但是对于一些复杂的设计图，随便举个例子来说例如大屏根本没办法写。
2. 对于多次迭代，一个项目最初通过 AI 来迭代，但是后续功能依然通过 AI 来迭代，来个几次你就会发现上下文不够，或者说改了一处另外一处出现问题
3. 对于提示词你需要结合业务来梳理，但是实际上这个过程非常的繁琐，因为如果你要效果好，就必须输入很详细，但是很详细真的很浪费时间，另外如果出现细微的错误，你依然要指点它如何排查，如何修改，这个过程也不会轻松
4. 对于我来说我有工程洁癖，必须按照最佳实践来写，但是问题在于 AI 的训练有时间节点，很多库或者调用都不会最新的可能，以前的写法都被废弃等。
5. BUG ，这个是最让人头疼的，就是莫名其妙的陷入一个问题出不来，你需要协助它来排查，甚至可能还要自己编码一部分，例如我有一个播放器的需求，让他生成一个音乐播放器，明确还原我的要求...但是最终生成的结构没有遵从样式，导致我需要自己来改。
6. 最重要一点就是，你如果不懂前端就根本没办法掌握 AI ，别人给你写的代码，你能读得懂吗，真的能定位出来问题吗？我持怀疑态度。
...

@mumbler vibe coding 这么好，您怎么还没财富自由，啊对，您在井底有键盘就行了，一梭子的事情

@wu67 我指的是 play store 上那个

这类软件同名的很多

我用的那个收费了之后 我很清楚应该有很多别的软件能有这样的效果，我那天是纯粹想 vibe coding 一下 Android app 所以没去找现有的同类产品。

@zhousystem 但凡你稍微使用过都不会说出这种没有一点边界感的话

@zuosiruan #8 怎么个无敌 ？能具体说说 ？

@dickeylth #7 ，技术不是万能的，很多时候不能靠程序去规范和规避工作流程和团队沟通上的所有问题。

一般项目都是在项目开始前制定好一个样式规范，所有的间距字号杨式布局等等都是按照这个规范来约定，那么可以让 AI 很快的糊出来。
没有这先行的标准，并且有第 3 条和第 4 条这种意识流或者口口相传的情况的话，即使全手写也没办法保证一把能过走查。虽然可以用提 issue 的方式慢慢调，但效率肯定不如截图标注和口口相传。

如果大部分情况下其实开发的都是管理后台项目，早几年通过简单的表单生成器都能胜任的工作 ai 肯定可以胜任的。
如果是一些 2C 的项目或者落地页。在页面高度定制的情况下，除非 UI 同学在 figma 中或者提交蓝湖前做好各种命名和层级拆分不然是没办法避免第 2 条的问题。
还有很多 UI 设计稿都是靠手拖，没有使用网格和参考线，即使有像素级的还原也会有各种对齐的问题。

@liangjiujiu 不要把自己的已有的知识和技能看的太重。 我不会写前端，我已经用 AI 给我写了支持全平台（ electron/ios/android ）的 VPN 应用。 从官网到应用全是 AI 写的。https://safewoo.com. 别说前端了，我 android 和 ios 从一丁点不知道怎么写到 AI 全写完也就各用半个月。

还是看语言的，比如 elxir 这种小众的语言，AI 就明显资料不够，如果是 typescript ，java ，python 这种，问题不大，就是要控制代码，分层，不然就是 Claude 也是容易写出垃圾山，并且 Claude 有时候过度设计明显，不如 codex ，两个一起用。

@zhousystem 我发现这帖子里很多人都像没干过活。自己写和给公司写是一个概念吗？

@dfkjgklfdjg 认同，感谢回复

@zhousystem #52 说实话，你这网址这前端有一丁点的业务逻辑可言吗？？？在前端的眼里就是几个静态页面而已，连动态页面都算不上