这一届Mixlab AI编程挑战赛都产生了什么样的作品???
以下是获奖选手@大春的分享:
如果说2024年你被扑面而来的AI大模型浪潮击中,迷迷糊糊中感觉自己要做点什么努力不让自己被时代淘汰,那我建议你不妨试试Cursors,上手简单容易理解,就算只有三分钟热度也没关系,因为他对新手小白来说实在是太友好了。
接下来给大家介绍下在开发挑战赛的 Fit Coach 智能健身助手项目的过程中,使用Cursor AI 辅助编程的一些心得。
一、实际应用案例
核心功能开发
在实现 AI 教练对话功能时,通过 AI 快速构建了消息处理逻辑和 API 集成。
在composer中让Cursor帮我设置API的配置,随后它就直接告诉应该在哪个具体的文件中把我的APIkey放入,简单轻松整个过程
开发体重趋势图时,AI 帮助集成了 recharts 库并实现了数据可视化。
把给我的代码apply下,冲杯咖啡,而我需要做的就是在终端把需要安装的库安装好然后在刷新一下,效果就展现在了面前
在实现训练计划管理时,AI 协助完成了本地存储和数据持久化方案。
Cursors不仅把存储的每一步步骤给我贴了出来,还告诉我一些其他的优化方案,这简直是新手小白学习编程的福音
代码优化案例
优化了消息格式化处理,使 AI 回复更加结构化。
改进了组件状态管理,实现了对话历史的保存和加载
完善了错误处理机制,提升了用户体验
刚开始API返回给我的就是一大段文字,看起来就像是一团浆糊,后面不断对话,告诉它返回的输出要更加有逻辑,智能化,分条目给出,结合之前的历史对话再来输出,不断地调教下,您猜怎么着,慢慢的到达了理想中的样子,不得不说,Cursors真牛=-=!!
二、开发效率提升
快速原型开发
快速生成页面布局和基础组件
自动处理样式和响应式设计
提供完整的类型定义和接口设计
我想如果你有一个好的灵感,不妨从现在开始就把它实现,我完成这个MVP项目从生成UI界面到完善大致的组件布局可能只用了不到半个小时,在此之前我是完全没有使用过Cursors的,对的,你没有听错真的,整个项目各种各样的配置和文件都是他自己生成的,这可能解决了编程小白开发项目80%的困难,但是要是再进阶完善项目的话,还是要明白相关的底层逻辑,毕竟只有明白技术上限,才能具体清楚实现的可能性。
问题解决
在使用Cursors的时候当然我也遇到了很多问题,比如当遇到 Next.js 路由冲突时,AI 提供了明确的解决方案,让我删掉一个路由,这就要自己查看一下不要不小心删除错了,在处理图片加载问题时,给出了配置建议,在AI对话部分,解决了消息分段和格式化的复杂逻辑。
三、具体开发心得
以上是我使用Cursor完成的第一个小项目的一些过程和总结,之前没有过nextjs开发的经验,但在完成过程中我有一种无比丝滑的感觉,submit各种各样的需求,Cursors仿佛有魔力般一点一点把他们涌现出来,接下来只要apply&save(80%的情况下,剩下20%还是要仔细检查一下)
在开发项目与Cursors对话的时候我也发现了许多小Tips,比如提供清晰的需求描述,如"在 fitcoach 页面点击示例问题时直接把问题输入给大模型",结合现有代码@codespace提供上下文给它,帮助 Cursors更好的理解项目结构,另外需要分步骤实现复杂功能,如先实现基础对话,再添加历史记录功能,不然Cursos对于复杂逻辑的实现还是有所不足,另外我认为AI编程的上限除了技术上的理解之外,还需要对业务逻辑的清楚认知以适应实际的需求,保持持续学习积累相关的专业知识,才能更好的实现想要结果。
备注:AI编程社区