AI 生成前端组件的失败反思 -- 两周从想法到入土 - V2EX
爱意满满的作品展示区。
kongkongye

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

  •  
  •   kongkongye
    kongkongye Aug 12, 2023 3334 views
    This topic created in 1004 days ago, the information mentioned may be changed or developed.

    之前帖子:

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

    体验产品

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

    aicomp.cc

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

    失败细节

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

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

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

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

    经验教训

    1. 趁早验证,花时间做了登录,支付,点数等通用的模块,并对接了开源图编辑器,结果回过头发现核心业务行不通,那这些非核心的功能做的再好也没有意义了,白白浪费了时间。
    2. 将用户都当成小白,不要想当然认为用户会用,易用这一关也没过,说实在的,能用跟易用之间存在巨大的差距,并不是优化迭代一些就一定易用了,尤其是做一些新东西,没什么现成竞品可以参考的时候。(但如果参考竞品,思维又容易被对方的框架限制住,很难跳脱。)
    4 replies    2023-08-15 09:08:38 +08:00
    ruoxie
        1
    ruoxie  
       Aug 12, 2023
    想看看 prompt 是什么样的
    kongkongye
        2
    kongkongye  
    OP
       Aug 12, 2023 via iPhone
    @ruoxie 其实没什么特别的,就是一条条指令列下来,剩下的就是不断调整表达让输出更符合预期,如果搞成结构化,嵌套指令什么的,搞得特别复杂,gpt 还可能理解出偏差,输出反而变差
    jchnxu
        3
    jchnxu  
       Aug 13, 2023
    我也有类似的感受,就是需要的 context 不比手写少。

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

    只在你完全一无所知的时候,比如你都不知道 html, css 是啥,生成一个能跑的,确实更快。但这样还是挺局限的。
    lban2049
        4
    lban2049  
       Aug 15, 2023
    当放开体验的时候,我也进入网页看了,首页有不少显示代码错误,正常显示的大多是示例登录页。

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

    AI 现阶段可控性还是有点差,对于容错性低的场景,表现不太好。
    About     Help     Advertise     Blog     API     FAQ     Solana     5811 Online   Highest 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 48ms UTC 02:41 PVG 10:41 LAX 19:41 JFK 22:41
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86