首先声明,过程中没有人工写过一行代码,人工只提供需求和创意,代码全部由AI生成。经过给AI提需求,出现的问题不断让AI修复,做出了整个项目整个过程花了大概半天的时间先来看看效果:
以上是小程序的主要页面,如果只是看页面,效果还是比较普通,这个跟提示词也有一定的关系。这个项目使用了腾讯云CloudBase,所以上面几个页面的数据都是真实数据,用户可以微信授权登录,然后发帖、评论、点赞等,完成整个系统的业务闭环。下面开始介绍整个过程以及CodeBuddy的功能细节:输入提示词:输入提示词后,因为我开启了计划模式,所以它会整理需求,制定一个详细的开发计划,后续会根据这个开发计划并由用户确认一步一步的完成
讲解一下 设计模式 和 plan模式:
这两个模式可以自行选择开启或者关闭
设计模式:可以理解为一个UI设计师的角色,它会根据你的需求生成H5页面。plan模式:开启后会根据你的需求列出详细的开发计划,然后根据开发计划进行开发,每一个任务完成后,还需要用户确认下一步进行什么操作,修改还是继续进行下一个任务。
等了大概15分钟左右,全部任务执行完毕。
打开微信开发工具来进行调试,发现会各种报错,于是直接复制报错的内容给它修复。反复的进行操作,于是终于页面正常了,但是发现页面上还是会有一些样式错乱的问题,于是反复让它修改。
一顿操作下来,页面终于能正常的展示。
于是开始让它结合腾讯云函数来开发后端
这个过程比较蛋疼,感觉经常卡顿,也没有任何提示,无法终止对话,最后只能新建对话才能正常去建立云函数,这方面的交互有待加强。还有一个问题就是,执行删除文件命令后会,操作已经完成,但是对话页面卡着,只能新建会话跳过这个环节经过一番折腾,最后终于粗略的完成了整个项目的开发使用的感受:优点:1、APP原型图设计的功能比较不错,也就是设计模式。2、可以将 Figma 设计转换为生产可用的代码,还原度不错,设计与开发无缝衔接。3、内置的BaaS集成,可以利用腾讯云的CloudBase或者Supabase来开发后端,能完成APP的全栈开发。4、H5或者web端的网页可以一键部署演示。5、微信生态比较友好,支持云函数,开发过程前后端一体化,适合中小项目,个人认为这也会是未来微信生态基于AI加持下的一个开发趋势,能在最短的时间内,开发一个MVP产品来验证市场。6、对于TDesign等框架支持比较友好7、Claude-4.0-Sonnet、GPT-5等主流大模型、目前免费使用缺点:
1、偶发任务停滞现象:有时执行命令后会陷入长时间无响应状态,即便间隔数小时返回查看,仍维持卡顿状态且无法输入新指令,只能通过重启软件解决。
2、云函数部署稳定性不足:部署过程中多次出现长时间卡顿,既无进度提示也无法进行操作,两次重试均未改善,最终通过新建对话才恢复正常,具体原因有待排查。
3、用户交互细节待优化:代码修改时,前后版本的差异缺乏清晰标识,不利于快速定位变更内容。
4、上下文连贯性有待加强:存在 "顾头不顾尾" 的情况,前几轮明确要求实现的功能,后续迭代中可能出现偏差,对提示词的依赖度较高。