AI 生成前端组件的失败反思 -- 两周从想法到入土

[kongkongye]

之前帖子：

• AI 生成前端组件的价值思考🤔️ - V2EX
• AI 生成前端组件的动手尝试💪 - V2EX
• AI 生成前端组件发布了🎉欢迎试用提意见 - V2EX

从开始的 idea 到做出 MVP ，到部署上线，再到 PMF 验证，大概用了两周时间，结合用户反馈跟自己的不断尝试，最终验证没通过，项目失败了。

体验产品

产品已经失败，无法继续推进了，但仍然可以体验：

aicomp.cc

无需登录即可查看现成组件，登录后送的点数也能生成一些组件，对于测试够用了。

失败细节

开始想法是通过 prompt 生成 tailwind 组件，最初拿简单的例子试验过，的确得到了不错的结果，于是认为想法可行，在没有进一步验证的情况下，就匆忙地搭了比较完整的项目并发布，发布后继续推进才发现，没法继续推进了，它只能生成简单的组件，目标快速生成复杂且可控的组件无法实现，暂时没有更好的思路，只能搁置。

这跟生成总结，文章之类的不同，那些生成的质量差些也能读，错误容忍度很高，但我这个错误容忍度很低，因为生成的程序代码是用来运行的，经常出各种问题，比如引入了不存在的图标而报错无法运行，或生成的布局不是想要的。

要生成的质量高，需要描述的很清楚才行，虽然加了自动推荐功能，但推荐的通常有些问题。实测下来发现不能很好地融入实际的工作流，提效的并不多，反而因为 AI 生成而带来了结果的未知。

当然不是完全没用，一些简单的或特殊的场景还是能用的，只是不多。

经验教训

1. 趁早验证，花时间做了登录，支付，点数等通用的模块，并对接了开源图编辑器，结果回过头发现核心业务行不通，那这些非核心的功能做的再好也没有意义了，白白浪费了时间。
2. 将用户都当成小白，不要想当然认为用户会用，易用这一关也没过，说实在的，能用跟易用之间存在巨大的差距，并不是优化迭代一些就一定易用了，尤其是做一些新东西，没什么现成竞品可以参考的时候。（但如果参考竞品，思维又容易被对方的框架限制住，很难跳脱。）

[ruoxie]

想看看 prompt 是什么样的

[kongkongye]

@ruoxie 其实没什么特别的，就是一条条指令列下来，剩下的就是不断调整表达让输出更符合预期，如果搞成结构化，嵌套指令什么的，搞得特别复杂，gpt 还可能理解出偏差，输出反而变差

[jchnxu]

我也有类似的感受，就是需要的 context 不比手写少。

简单的用不着，复杂的幻觉多。

只在你完全一无所知的时候，比如你都不知道 html, css 是啥，生成一个能跑的，确实更快。但这样还是挺局限的。

[lban2049]

当放开体验的时候，我也进入网页看了，首页有不少显示代码错误，正常显示的大多是示例登录页。

这个想法当时看到后，我也特别感兴趣，感谢楼主花时间验证。

AI 现阶段可控性还是有点差，对于容错性低的场景，表现不太好。