AI编程挑战赛获奖选手@Neonity分享心得

科技 2024-11-17 21:08 上海

这一届Mixlab AI编程挑战赛都产生了什么样的作品？？？

以下是获奖选手@Neonity的分享：

如果你热爱编程，这真的是学习编程的最好的时代了。完全靠自学，借助Cursor，确实会让你事半功倍的掌握一门编程技能，打造完全属于自己的一些小工具。

很多爱好者都对编程很感兴趣，可是苦于不知道如何入门。

编程新手的三座大山，外语、环境部署、练手项目。

AI给你解决了大半了。

一、外语

很多人见了外语就头疼，一看英文就晕，那肯定是学不了编程了。虽然现在中文的编程教程很多，可我还是建议和我一样的新手去习惯使用英文去搜索和阅读官方文档。

没错，确实使用Cursor或者bolt.new就能0代码写很多让人惊艳的项目了，可我还是建议要去尽量完整地阅读相关的官方文档，去熟悉一门语言、框架的整体逻辑，去试着跑一跑官方案例，可以说，官方文档是内功，AI工具的使用时外功——外门功夫可能让你感到短期进境特别快，但没有内功修为，成不了一流高手。

在Cursor AI 编程这门功课里，就是如果你对知识框架没有了解，你不太会知道怎么和Cursor对话，你得提示词令AI生成的结果变得不那么可控，很容易出现AI反复debug反复bug的死循环。

所以条件允许还是通读一下官方文档。

对于我来说，我就花了很多时间去读NextJS和React的官方文档。

这里就要推荐一下「沉浸式翻译」这个chrome插件了。这也是个使用AI大模型的工具，其实学习编程也让我获得了重新"阅读"软件的习惯：这个软件这么好用，它用的是什么技术框架，用的是什么API，它的工作流是怎么设计的……

所以，不该让外语成为阻碍我们学习成长的拦路虎。

二、环境部署

这第二个关卡有点难。因为环境部署如果搞不定，Cursor没法运行啊。这一关，我们小白们不要畏惧代码，一步一步慢慢来，肯定也会搞定的。

无非就是NodeJS版本和环境变量有可能会掉坑。稍微耐心一些，慢慢跟着教程走，一定能搞定的。你只要想，环境部署这座山过去，后面就是一片坦途、大路朝天了。

善用百度、谷歌就能搞定，问GPT也可以，总之不要在黎明前最黑暗的时刻放弃

三、练手项目

GitHub上有太多好项目了，但我们往往找不到适合自己学习的。也可以到油管B站上去找符合自己学习进度的视频，再去找GitHub上的代码仓库，事半功倍。

说说与Cursor打交道的体会

Cursor目前无疑是最全面、稳定的AI代码生成工具，能白嫖的时候一定要榨干它的价值，否则以后不给白嫖了，真的损失几个亿的感觉:-P

Cursor生成代码的各种模式我都试过了，我还是最推崇ctrl + L的对话方式，这种方式渐进式、交互式生成代码，你好像在和老师学习代码思维一样，这样生成一个应用下来，除了交作业，还真的能学习不少代码思路，让你“内外兼修”。

composer模式我不大喜欢的原因就是太容易一个“Accept”过了，只有“代码生成出来还跑通了”的侥幸和多巴胺快感，而没有生成代码的结构和逻辑，意义不大。代码能力是Cursor的，不是你的。当你跑下一个循环时，你脑海里并没有更新代码思维。

要在每个代码学习循环里，都不断地“刻意练习”，不断地提高自己的编程思维。你不只是让Cursor去写代码，还在同Cursor学习编程思维，一举两得。

但使用Cursor编程有一个特殊的好处，就是你不用太花费时间去记代码语句本身，比如你知道有服务器组件、客户端组件和props，状态、类等等的概念就好了，具体代码实现让Cursor去完成。**人的记忆机制就决定了，纯记忆性的工作就是应该交给机器的**，我们应用记忆的是知道如何运用机器帮我们完成机械记忆的工作并查找和调用。

我在做第一个项目“flowLog|心流日志”的时候，对Cursor生成代码还没什么把握，也问不出太具体的要求，只会让Cursor“给我用NextJS和shadcn”生成一个“心流日志”的项目，让用户可以无压记录自己的想法。虽然Cursor生成的效果让我也是挺意外的好，但和我想要的App的距离还是挺大的，而且在UI上有bug，我不会修。这个时候建议慢一点，不要马上急着往下加功能。先在最小功能的水平上，把成果夯实，有余力的情况下，要能读懂Cursor生成的代码，哪怕是只能看个大概结构也好。如果代码bug也能跑，最终项目很容易卡在那种Cursor循环修复的模式里。一定要把一个功能逻辑写完整了，没bug了，再回顾一下代码再加新功能。一步一步，稳扎稳打，并逐步逼近你想要的结果。数学里有一种夹逼法的思维，我看也可以用在跟Cursor的配合中，这样生成的代码结果更可控。

然后就是在纸上画画原型图、线框图，与Cursor沟通交流起来，更容易形成默契。

建议在开始生成代码前，先反复推敲第一次的提示词，我感觉这个是项目成功的关键。可以仿效bolt.new的方式，让Cursor对你的提示词进行一次增强，然后你再修改，再让Cursor将提示词翻译成英文去开始正式生成代码，这样项目代码往往表现更好一些

我第二个项目就流畅多了，而且UI一把就生成的很漂亮

项目实现完了，一定要复盘。不要“侥幸”生成出一个能用没大的bug的就高兴太早，就把项目扔下了。要好好看看项目结构，看看重要的、核心的组件的逻辑，做做笔记，输出一些文章是最好不过了，后边我会分析为什么这样做对学习编程很有帮助。更重要的是，你比较有把握的代码和文章，可以作为Cursor的RAG导入。Cursor功能更强大，但bolt.new更垂直一些，这也是为什么我喜欢先在bolt.new生成一个框架代码，再拖入Cursor继续完善的地方。

新手应该让Cursor去做逻辑简单的“网红项目”，比如todo list，网址导航标签管理，简单博客等这样的项目比较好，因为我们小白本身自己的项目逻辑就不够好，写复杂项目容易让Cursor“误会”。所以尽量选择简单的、单一场景、单一功能的，这样Cursor的表现也比较可控。不推荐上手富文本编辑器，即使是前端老手写的项目也可能会有bug，坑比较大。

再有就是多看其他项目。我现在公众号订阅了不下20个GitHub开源项目精选，多看，好部署的，有Demo的就去试试，多体会

最后就是费曼方法了。其实薛佬给引路非常好了。一个是做项目是最快的学习方式，二一个是给别人讲清楚项目目标、背景，shadow的文章也写的很好，引用费曼大师的话，我不能创造的，都不是我真正掌握的。

多把自己的想法去和群友们交流，大佬们也会从中指导。

（欢迎加入Mixlab的AI编程社群）

备注：AI编程社群

最后的最后就是不要给自己、给Cursor设限啦，AI真的有无限可能，但同样需要你付出专注，去努力尝试。不要管非专业，不要怕没有编程基础，也不要管什么前端后端数据库，什么JS还是Python、go、Rust、C#、C++，我们是自由的赤脚程序员，心之所在，路就在脚下。与君共勉，一起躬身入局AI编程的时代，打造我们自己的“家酿应用俱乐部”。

这次挑战赛的结束，其实是下一次挑战赛的开始。我已经开始继续完善我的心流日志和其他项目了。继续不断迭代升级自己在AI编程上的认知，继续努力，终身学习，让编程成为自己在新时代的丛林中，也去结识更多志同道合的伙伴。

欢迎参加上海近期举办的：

Mixlab AI编程训练营-第四期

无界社区mixlab

跨学科探索实验，让每个人无限可能。 def mixlab（人工智能，设计）： ... return 无限可能

最新文章

混合式教育正在发生#AI编程训练营，设计老师回访

售出超900台，Ropet “养成系” 萌宠机器人#直击 CES 2025

设计教育，是时候要升级了

Mixlab AI编程训练营2月15日 @上海N6-再次创造

发现问题、掌握Debug技巧#Cursor进阶

用 Vision Pro 在虚拟空间买黄金，兴业银行这脑洞，我给满分！

遇见AIER的嘉宾们：从广告创意、云计算、AI技术应用到教育领域

AI正在成为“语言大师”和“操控高手”

AI会让创意更珍贵：对话头部广告创意总监 × AI艺术家

非程序员使用Cursor的指南#If this is the future, I want to live in it.

AI玩具#心语娃娃：懂情绪，会回应

Mixlab 寻打破次元壁的伙伴，共创 50 人沉浸式新年体验

ComfyUI：使用 8GB显存运行混元视频模型

谷歌的Deep Search#生成式搜索引擎的进化方向

把‘游戏’搬进车里：基于 Unity 游戏引擎的3D座舱系统

GenAI的设计新范式：斜杆设计师，都应该开发个人项目/产品

完成抽奖功能，只需1天，比传统流程更高效的设计研发的新范式：所想即所得

用AI编程实现 Whisk#使用图像和人工智能将想法可视化并重新混合

Github上Copilot已经可以免费使用若干额度了

用多模态来分析意图

InfiniteBox：集软件开发（AI、VisonPro）、空间、装置、品牌设计、内容创意于一体的复合型事务所

再见996！产品经理用AI编程做数据分析，辅助决策#AI编程线下训练营 - 产品经理回访

保时捷，用Vision Pro将发布会玩出新高度

Mixlab AI编程线下训练营@上海N5-全新升级

探索的真正意义在于超越自己的能力边界：AI编程线下训练营 - 程序员回访

高校教师为何热衷学习#AI编程？新创造力工具

AI让创造变得越来越简单，让每个人都能把想法变成现实#AI编程训练营 - 设计师回访

毕设选题：AI Agent 全栈设计#AI编程训练营 - 学生回访

在上海的第四期AI编程训练营里，我看到的故事与感悟

AI被人类骗走34万！用于解决复杂任务的通用多智能体系统#Magentic-One

Narya.ai正在寻找iOS工程师！#Mixlab内推

从初学者到专家：哪款AI编程工具最适合你？

Mixlab推荐：进博会雅诗兰黛集团沉浸式 XR 体验｜2024 进博会

DeepMind：快速实验者将受益于发现的黄金时代#跨学科AI科学研究

多模态科技与人文艺术,从古良渚加速到赛博朋克#微醺夜聊会#Mixlab推荐

手势互动、多Agent、爬虫等等，普通人也能 DIY 软件#Cursor AI编程#线下训练营@上海N4

如何用Agent批量精读论文？#教程

AI编程：手势追踪玩起来

新手必看：用Cursors提升AI编程效率的实战经验#AI编程挑战赛 Fit Coach 智能健身助手

快，领取资料包！这是用AI编程整理的139篇论文#人机交互顶会CSCW 2024

AI编程入门指南003：AI编程的核心技能

AI编程入门指南002：API、数据库和应用部署

AI编程入门指南001：从语言选择到模块化思维

AI编程挑战赛获奖选手@Neonity分享心得

商用级交互产品#用Cursor挑战一天开发

这一届Mixlab AI编程挑战赛都产生了什么样的作品？？？

论文阅读神器！MiX Copilot新版来了#文末抽奖！

Thinking-Claude / Prompt 解释

分类

时事

民生

政务

教育

文化

科技

财富

体娱

健康

情感

旅行

百科

职场

楼市

企业

乐活

学术

汽车

时尚

创业

美食

幽默

美体

文摘

原创标签

时事社会财经军事教育体育科技汽车科学房产搞笑综艺明星音乐动漫游戏时尚健康旅游美食生活摄影宠物职场育儿情感小说曲艺文化历史三农文学娱乐电影视频图片新闻宗教电视剧纪录片广告创意壁纸头像心灵鸡汤星座命理教育培训艺术文化金融财经健康医疗美妆时尚餐饮美食母婴育儿社会新闻工业农业时事政治星座占卜幽默笑话独立短篇连载作品文化历史科技互联网

发布位置

广东北京山东江苏河南浙江山西福建河北上海四川陕西湖南安徽湖北内蒙古江西云南广西甘肃辽宁黑龙江贵州新疆重庆吉林天津海南青海宁夏西藏香港澳门台湾美国加拿大澳大利亚日本新加坡英国西班牙新西兰韩国泰国法国德国意大利缅甸菲律宾马来西亚越南荷兰柬埔寨俄罗斯巴西智利卢森堡芬兰瑞典比利时瑞士土耳其斐济挪威朝鲜尼日利亚阿根廷匈牙利爱尔兰印度老挝葡萄牙乌克兰印度尼西亚哈萨克斯坦塔吉克斯坦希腊南非蒙古奥地利肯尼亚加纳丹麦津巴布韦埃及坦桑尼亚捷克阿联酋安哥拉