不会写代码,怎么用AI做出一个小程序?写给普通人的喂饭级教程

如何把自己的想法变成一个产品？

在以前，原型图，UI，代码这些统统都是普通人的拦路虎，但有了AI之后，这一切都变得不一样了，普通人也可以毫不费力把自己的想法变成可以用的产品。

我最开始想做这个小程序是因为自己总是养不活植物！

相信喜欢种植的小伙伴大多都有这些问题：叶子怎么又发黄了？好好的根部怎么就开始腐烂了？页面怎么有这么多斑点？多肉怎么老是徒长？种的草莓怎么光开花不结果.......

一开始我也跟大家一样，是个养植物困难户，每次遇到问题，就开始翻帖子、看视频，找半天也不一定能找到一样的症状，更难找到靠谱的处理方法。

问人也难。身边懂植物的朋友不多，专业的又不搭理你。

今年vibe coding 火了之后，我就在想，这个问题我能不能自己解决？做一个AI助手，拍个照发上去，直接告诉你这植物什么情况、该怎么处理。

这是我对这个小程序最开始的想法——致力于解决自己的问题。

01 先把想法理清楚

我不会写代码，但这件事一开始我没觉得是拦路虎，因为现在大家都在 vibe coding，工作中开发的代码也是AI写的，他们只需要 review 就可以。

我打开Claude，把想法说给它听：我想做一个植物养护的AI小程序，用户上传照片，AI帮忙分析、给出建议，做成微信小程序的形式，请你帮我梳理功能，拆解逻辑，最终形成一个可以用的 prd。

聊了差不多半小时后，claude 不仅给了我prd，原型图，还给我生成了一个demo，我万分惊喜，果然，AI时代让每个想做产品的人都拥有了梦想成真的能力。

02 Claude Code帮我把代码写出来

Claude Code是一个在终端里运行的AI编程工具，你用自然语言描述需求，它帮你写代码、改bug、调结构。

页面设计、交互逻辑、前端后端，全部都是它生成的，我自己一行代码都没写。

我的工作就是描述我想要什么：

"拍照上传的页面，上传后显示加载状态，完成后展示诊断结果。"

"结果页面分两块，一块问题描述，一块处理建议，排版清楚一点。"

它去写，写完我在微信开发者工具里预览，哪里不对再告诉它改。这个来回大概花了一两天，第一个能跑通的版本就出来了。

03 注册小程序，拿AppID

做微信小程序有一步必须先做：去微信公众平台注册一个小程序账号，拿到AppID。

AppID是你这个小程序的唯一标识，Claude Code在建项目的时候就要填进去，没有它没法在真机上调试。

注册流程不复杂，去mp.weixin.qq.com，用一个没注册过小程序的邮箱，按提示填信息就行。完成后在「开发设置」里就能看到AppID，复制出来备用。

04 一定要真机测

这个我踩过坑：在电脑模拟器里看着正常，拿手机一测，有些东西根本不动。

图片上传、AI接口调用，这类功能只有在真机上跑才算数。发现问题，把报错截图发给Claude Code，它帮你改，改完再测。

这个环节来回了好几轮，但基本上每次它都能解决，我不需要读懂任何代码。

这里最后强调一下，如果有条件，最好是采用不同的机型进行测试，因为不同的机型适应能力不一样，表现也不同。有些在安卓机型上可能没有问题，但在ios上就打不开，诸如此类。

05 时间和钱花了多少

开发这部分花的时间不长，真正拖进度的是各种审批——域名备案、服务类目审核，这些每个都要等。

费用上，服务器和域名是持续成本，Claude Code按使用量计费，这个阶段没花太多。

小程序做出来了，能用了，我也挺有成就感的。

但这时候我发现了一个问题：我没办法让用户付钱——我不知道该怎么去商业化，让更多用户使用它。

小程序后台根本没有收款入口，微信支付要单独开通，而开通微信支付有一个前提——你的账号主体必须是企业或者个体工商户，个人账号不行。

我这才意识到，做出来只是第一步，想收钱，还差一张证。

下一篇说这张证怎么办，为什么要提前办，不提前办会卡在哪里。

—End—

1.如果你也是 vibe coding 的爱好者，有想要做的产品，但迟迟没有做出来，或者是做出来了不知道怎么上线，整个流程没有办法闭环，那么我可以帮助你！