周末在家,我用AI做了个「小区快递代取」小程序,邻居主动加我微信
周六上午10:23,我家门铃响了。
开门是3号楼的王姐,拎着两袋橙子:「小陈,你那个取快递的小程序真管用!我刚帮5户取完,他们非塞给我一袋——这比跑腿APP抽成强多了!」
这个叫「邻取」的小程序,没有登录页、没有支付接口、甚至没有后台管理。它只有3个按钮:
全部由AI驱动,全程在家完成。下面是你也能复制的周末实战。
---
🧩 第一步:把邻里需求,翻译成AI能懂的「最小指令」
别一上来就问「帮我做个快递代取小程序」——AI会给你1000行云开发代码。
要这样问Claude Code:
> "你是一个社区产品经理。设计一个纯前端『邻里互助取件』工具,要求:
> - 发单人:只需填3项(楼号/房号/单号),点击即生成带编号的卡片(例:L3-202-20240521001)
> - 帮忙人:滑动选择『今天14:00-15:00』等时段,点击后自动推送所有该时段订单
> - 数据存储:全部用wx.setStorageSync,不连网络、不传服务器
> - 输出:完整WXML/WXSS/JS,重点标注『发单表单』『时段选择器』『推送逻辑』三处"
✅ 结果:生成的JS里,pushToNeighbors()函数直接用wx.getStorageSync('orders')读取全部订单,再用filter()筛出本时段的——连数组方法都不用你记。
---
🛠️ 第二步:Cursor调试「最痛3个点」
真实场景中,用户最常卡在:
bindinput监听,Cursor右键「Add validation」→ 输入「楼号必须是数字,1-99之间」,AI自动插入校验逻辑console.log(),我们让它升级:右键JS文件 → 「Refactor to wx.showToast」→ AI把日志变成「已向3位邻居推送!」弹窗.log-item类右键「Improve readability」→ AI自动加padding: 12px + line-height: 1.6 + 楼号加粗💡 真正的效率提升,不在写新功能,而在秒级修复真实用户的使用障碍。
---
📱 第三步:真机测试,只测「邻居会怎么用」
别在模拟器里点来点去!带手机下楼:
wx.getStorageSync('my_logs')里有没有这条记录✅ 通过标准:3个动作在1分钟内完成,且无任何「稍后重试」报错。
---
🤝 第四步:激活「邻里裂变」的3句文案
小程序冷启动最难?不,最难的是让第一批用户愿意帮你传播。我的话术:
效果:首周23笔订单中,17笔来自微信群转发,6笔来自「楼长推荐」。
---
🌟 为什么这个小程序能火?
---
📦 附:可直接复用的「小区扩展包」
我把这个模式抽象成3个变量,你改3处就能适配任意小区:
| 文件 | 修改位置 | 示例 |
|------|----------|------|
| index.js | data.buildings数组 | ["1号楼","2号楼","3号楼"] |
| index.wxml | 里的小区名 | 「万科城市花园」 |
| app.json | window.navigationBarBackgroundColor | #4CAF50(物业常用绿) |
> 下载地址:woshird.com/mini-neighbor (含5个小区预设配置)
---
真正的AI编程,不是让机器代替你思考,而是让你把精力,100%聚焦在「谁会用」「为什么用」「用得爽不爽」上。
那个按响我家门铃的王姐,她不会告诉你什么是wx:for,但她会告诉你:
> 「昨天我帮6户取件,他们微信转账时,写的都是同一句话:谢谢邻居!」
这才是比任何代码都漂亮的UI。