前言
熟悉我的朋友们应该知道我大学学的建筑设计,对编程这种事几乎0知识。但是我从十几年前开始就一直做网赚这块,很多时候总觉得自己有好的idea但是苦于无法落地而作罢,我相信各位非IT专业的同行们也有类似苦恼,自己想法多且复杂,找技术实现成本昂贵,且无法预测效果。
例如这个论坛使用的是闭源Wordpress主题,当时我为了给这个主题增加一个USDT支付功能,多花了1300,求着作者2周才写好,后来又想加一个类似FB的广告功能,又多花了1800,每天求着作者做了半年,每次都是先款……
直到chatgpt出现,这种情况似乎有所好转。那时我靠在网页上和AI问答,硬是把之前做黑五时用的一套自助换链+cloak的网页做成了一个能开放给其他团队租用的系统。
后来随着AI越来越强,我也用各种AI开发了许多以前不敢想象的东西,也对Ai vibe coding有了一些心得和体会。在这里记录一下,让自己能更好总结和使用,也方便和我一样被技术限制住的朋友。
我的Vibe Coding之路
就像上文说的,最开始是我把问题复制给网页版GPT,然后再把它回复的代码粘贴进我的项目中。后来慢慢有了Cursor之类的集成AI的IDE,连复制粘贴都省了。
于是我开始做了一些非常简单的落地页项目
以我的水平,平时扒下来个LP自己都至少要改半天,而这个落地页几乎是在2分钟内完成的。
尝到甜头之后我又尝试了个更复杂的项目:流媒体订阅类offer玩法,附送建站程序
这个项目复杂之处在于它是php5时代的产物,我18年放到知识星球里时就有报错,现在更是直接打不开。我只是告诉AI想让它能在php8环境下运行不报错,结果AI 10分钟就给我搞出来。
HTML和php我还是能看得懂一点点。JS就完全不懂了。但是似乎性能比PHP强很多。
我想起来以前参加过的某鬼佬的master minds,里面又个下载LP的工具,我当时觉得非常好。我就想做一个这个出来,然后我把人家的产品描述给AI,5分钟后就做出来了原型,因为下载LP可能涉及到穿透对方cloak,我还给自己的LP下载工具加了代理和自定义请求头功能。AI甚至用了2种不同的方法来下载LP,其中包括使用Chrome模拟真实访问。
LP下载工具 – cuihuanghuang.com
这个工具使用nodejs写的,我完全看不懂写了些啥玩意,但是能用。
上面的都还只是很简单的web app,市面上大多数工具可以一句话生成。后来我又尝试让AI做了个邀请码发卡程序,带后台的那种,这次用了半天就完成了。现在,我在用vibe coding制作一个大型SaaS。如果能顺利完成再和大家详细分享。
AI工具和能力边界
先说说我对各家大模型的看法:
Claude: 从claude-sonnet-3.5开始他家编程是公认的强,审美在线。目前最强就是4.1-opus,但是太贵了,白嫖太麻烦。
ChatGPT: 最新的gpt-5编程水平在线,和claude有一拼
Google: gemini-2.5-pro比较强悍,智商在线。编程差点,关键是他免费。
DeepSeek: 最新的deepseek3.1审美在线,用来最前端页面很好看。
AI编程最可怕的一点就是模型降智,用低级模型解决复杂问题不但解决不了还特别容易把其他地方改出毛病。而claude和chatgpt都是会偷偷降智的那类。
再就是我用过的AI编程工具和对他们的一些看法,我向来都是白嫖,从未给它们付过钱,所以可能看法片面
Cursor: 大名鼎鼎,但是降智严重。计费规则朝令夕改,我已经放弃了……
Augmen: 我用过最好用的,每次写完完还会自己测试。就是太贵了,一个月50刀,白嫖困难,也已经弃用。
Roo Code: 上下文消耗极大,有便宜API的可以试试。反正烧我5M token没给我解决问题,已经放弃
Claude Code: 公认最强编程工具,但是这是个命令行的,我用不来……
Codex: 目前我正使用的,bug很多,和以上任何一个比起来都更像是个半成品。但是能用最新的gpt-5-codex,不降智,额度高,非常推荐。可通过team白嫖
我个人觉得现阶段AI思考和逻辑推理都没问题,写出来bug只要给他报错信息他都能定位修复。唯独UI部份,所有的AI做的界面都差点意思,就算截图给他看,都没办法做一样的,最多神似。前端可能还是要人手动慢慢调。
我的工作流
ai vibe coding中最最重要的我认为是把需求描述清楚。但是idea在脑中刚刚诞生的时候其实我们只有一个模糊的概念,并没有什么细节。所以一开始我会让AI作为全栈工程师和我进行几轮问答,在此过程中确定我究竟想要的是个什么东西。确定之后让A把全部要点总结一下,让我再次确认。这里我一般会选择思考模型,开搜索功能。用的最多的就是gemini-2.5-pro。
然后就是让AI扮演项目经理,根据我的问答,写一个详细的产品需求文档,文档中那些项目愿景/人群画像之类的要少,产品的内容和功能要非常详细,要明确写出来用什么技术栈,每个页面上有啥,有啥具体功能。这里我习惯用带canvas功能的AI,有不妥之处可以让ai只针对某一段修改。我这里用的最多的还是gemini-2.5-pro。
再就是根据这个PRD,列出详细的开发计划。然后再根据PRD和开发计划制定详细的开发清单,类似todo list那种,每完成一项就划掉。
最后建个项目文件夹,把这些文档仍进去,叫AI出来干活。
这里有个我觉得不错的rules,就是叫AI每次动手前先规划多种解决方案,说明每种方案的利弊,AI自己倾向的选择和原因。最终你决定选择哪个方案。可以看看这个https://github.com/Minidoracat/mcp-feedback-enhanced
小Tips
-
小项目尽量别用大而且的框架,给自己找事;大项目尽量用现成的框架,给自己省事。AI一般会通读整个项目,框架会分散AI的注意力。
-
有bug总是改不好,新建一轮对话专门改。
-
用git,建个branch让ai随便搞,搞好就push to main,没搞好就git branch -D
写得有点长,本意是抛砖引玉,希望能和同在vibe coding的朋友们多多交流
请登录之后再进行评论