AI 开发寿命预估小程序（1.3万用户）

AI 开发寿命预估小程序（1.3万用户） AI 开发寿命预估小程序（1.3万用户） Modified July 20, 2025 注意：样式不需要着重描述，让 Cursor 自由发挥就行，Cursor 无法把握小程序的边界，要么太宽，要么太窄，最后免不了要用 Deepseek 优化样式，干脆不描述，还能提高效率。 三）基于业务逻辑开发对应页面 1、做题页面 这是小程序最为核心的功能，需要在这一步完善页面跳转逻辑和 UI 设计。 跳转逻辑为点击首页的开始评估会跳转到做题页面，UI 设计可以参考同类型的小程序。 注意：Cursor 应该会在第一步就生成完做题页面，但是 Cursor 会出现各种各样的毛病，例如：不够 30 题，题型重复，这就需要你重新对话，让 Cursor 重新生成。 组织 Cursor 语句，例： Code block Markdown Copy 帮我完善该小程序的刷题页面。 要求： 1）点击开始评估按钮，跳转到刷题页面； 2）刷题页面最上方为进度条，中间为题目，页面下方固定两个按钮，分别是“上一题”“下一题”； 3）第一题没有上一题按钮，最后一题将下一题按钮替换为提交评估； 4）30 道题不能有重复的。 2、完善健康评估页面 健康评估页面 UI 设计很简单，难的是“上述结果保存图片到相册”的功能。 我们在这分两步操作，先完善健康评估页面，再专门描述“上述结果保存图片到相册”的功能。 组织 Cursor 语句，例： Code block Markdown Copy 帮我完善该小程序的健康评估页面的。 要求： 1）点击提交评估后，跳转到健康评估页面； 2）健康评估页最上方为寿命和分数，中间为健康维度分析和两个按钮，分别为“查看健康计划”“保存结果”，页面下方为健康建议； 3）请设置合理的算法分析这 30 条数据； 4）根据报告给出相应的建议。 3、完善上述结果保存图片到相册的功能 这个功能看似很容易，其实相比较于健康评估页面，这个功能更复杂，所以需要单独拿出来描述。 组织 Cursor 语句，例： Code block Markdown Copy 完善上述结果保存图片到相册的功能 要求： 1）点击保存结果，弹出“是否在图片上加上你的昵称？”，用户点击确定后，弹出文本框，用户可以填入昵称，填写完昵称后，弹出提示框，提示“是否以 XXX（用户输入的昵称）显示”；当用户点击取消，弹出提示框，提示“是否以默认的昵称显示”； 2）在第一步操作完后，会再次弹出选择框“是否生成图片？”，选择确认生成后，跳到预览页面，预览界面有“取消”和“确认”两个按钮，点击取消后，取消生成图片，点击确认后，小程序会检测是否有获取相册的权限，如果有，可以立即生成，如果没有，会先弹出“是否允许保存在相册”，只有用户同意授予权限，才能生成图片； 3）预览界面的样式：上方为生成的图片，下方为“取消”和“确认”按钮。 4）不要修改其他功能和样式，只针对保存结果功能添加修改； 注意：要求一定要描述清楚，不然 Cursor 就会按照它的想法来做。 4、完善健康计划页面 健康计划页面的功能只有一个，根据用户的健康报告生成个性化健康计划，而且这个功能逻辑也很简单。 组织 Cursor 语句，例： Code block Markdown Copy 帮我完善该小程序的健康计划页面。 1）健康计划应该根据每个维度的分数和总分生成； 2）健康计划页由两部分组成，上面为计划，下面为进度条； 3）健康计划一定是灵活多变的，而不是固定式的； 5、完善我的页面 到此，小程序的核心功能也就完成了，但是还有一些细节需要改进。因为我的页面有些空旷，所以在优化时，让 Cursor 多生成一个长寿指南页面。 组织 Cursor 语句，例： Code block Markdown Copy 完善小程序的我的页面，在原有基础上增加长寿指南页面。 要求： 1）由三部分组成，上面为健康评估，健康计划，长寿指南，下方为重新预测按钮； 2）将健康评估的寿命和分数体现出来； 3）将健康计划的进度体现出来； 4）自行设置长寿指南页面，符合逻辑即可； 5）点击重新预测按钮会跳转到做题页面，并清除之前的数据。 四）优化 UI 与调试 bug 到此，小程序功能全部完成，只差页面样式优化，前面我就提到了，Cursor 不太会设计小程序 UI。 所以我建议使用 Deepseek，虽然 Deepseek 也不是专业的，但是对于这样的小程序来说已经足够了。 1、使用 Deepseek 优化 UI 无脑操作即可，只需要复制粘贴。 例：直接将 WXML 和 WXSS 代码发给 Deepseek，要求： 1）颜色不变，只修改样式，要符合一个正常页面的布局和大小； 2）WXML 不要改变，只对 WXSS 进行修改。 注意：你需要发送一份完整的 WXML 和 WXSS 代码。 我的输入： Code block HTML Copy 这是我的WXML代码： <! index.wxml <scroll view class="scrollarea" scroll y type="list" <view class="container" <view class="header" <text class="title" 健康寿命评估</text <text class="subtitle" 了解您的健康状况，预测潜在寿命</text </view <view class="content" <view class="feature card" <view class="feature item" <text class="feature title" 科学评估</text <text class="feature desc" 基于30个专业问题进行全面分析</text </view <view class="feature item" <text class="feature title" 个性化建议</text <text class="feature desc" 获取定制的健康改善方案</text </view <view class="feature item" <text class="feature title" 长寿指南</text <text class="feature desc" 掌握科学的健康生活方式</text </view </view <button class="start btn" bindtap="startAssessment" 开始评估</button <view class="tips" <text class="tips text" 评估时间约5分钟</text <text class="tips text" 请如实回答以获得准确结果</text </view </view </view </scroll view 这是我的WXSS代码： / index.wxss / page { height: 100vh; display: flex; flex direction: column; } .scrollarea { flex: 1; overflow y: hidden; } .userinfo { display: flex; flex direction: column; align items: center; color: aaa; width: 80%; } .userinfo avatar { overflow: hidden; width: 128rpx; height: 128rpx; margin: 20rpx; border radius: 50%; } .usermotto { margin top: 200px; 注意：样式不需要着重描述，让 Cursor 自由发挥就行，Cursor 无法把握小程序的边界，要么太宽，要么太窄，最后免不了要用 Deepseek 优化样式，干脆不描述，还能提高效率。 三）基于业务逻辑开发对应页面 1、做题页面 这是小程序最为核心的功能，需要在这一步完善页面跳转逻辑和 UI 设计。 跳转逻辑为点击首页的开始评估会跳转到做题页面，UI 设计可以参考同类型的小程序。 注意：Cursor 应该会在第一步就生成完做题页面，但是 Cursor 会出现各种各样的毛病，例如：不够 30 题，题型重复，这就需要你重新对话，让 Cursor 重新生成。 组织 Cursor 语句，例： 2、完善健康评估页面 健康评估页面 UI 设计很简单，难的是“上述结果保存图片到相册”的功能。 我们在这分两步操作，先完善健康评估页面，再专门描述“上述结果保存图片到相册”的功能。 组织 Cursor 语句，例： 3、完善上述结果保存图片到相册的功能 这个功能看似很容易，其实相比较于健康评估页面，这个功能更复杂，所以需要单独拿出来描述。 组织 Cursor 语句，例： 注意：要求一定要描述清楚，不然 Cursor 就会按照它的想法来做。 4、完善健康计划页面 健康计划页面的功能只有一个，根据用户的健康报告生成个性化健康计划，而且这个功能逻辑也很简单。 组织 Cursor 语句，例： 5、完善我的页面 到此，小程序的核心功能也就完成了，但是还有一些细节需要改进。因为我的页面有些空旷，所以在优化时，让 Cursor 多生成一个长寿指南页面。 组织 Cursor 语句，例： 四）优化 UI 与调试 bug 到此，小程序功能全部完成，只差页面样式优化，前面我就提到了，Cursor 不太会设计小程序 UI。 所以我建议使用 Deepseek，虽然 Deepseek 也不是专业的，但是对于这样的小程序来说已经足够了。 1、使用 Deepseek 优化 UI 无脑操作即可，只需要复制粘贴。 例：直接将 WXML 和 WXSS 代码发给 Deepseek，要求： 1）颜色不变，只修改样式，要符合一个正常页面的布局和大小； 2）WXML 不要改变，只对 WXSS 进行修改。 注意：你需要发送一份完整的 WXML 和 WXSS 代码。 我的输入： Deepseek 的输出： 将 Deepseek 生成的的错误原因直接发给 Cursor，Cursor 可以通过获取上下文快速修改，Deepseek 改正后的代码不要复制粘贴，如果你看不懂，那就没有意义。 例：将 Deepseek 生成的错误原因发给 Cursor，检测 wx.getUserProfile 是否正确触发，是否正确处理授权结果，默认昵称的来源，是否存在异步逻辑问题。 Cursor 的解决办法： 当项目在微信开发者工具正常跑起来后，实际上线依然存在报错的可能。 而且这一步，Cursor 也很难修复。你需要找对应的功能，看看是哪个逻辑错了。 找到错误地方后，需要去微信开放文档（developers.weixin.qq.com）搜索。 developers.weixin.qq.com 点进去后查看接口文档，将接口发给 Cursor，让 Cursor 修改。 例：组织 cursor 语句：修改保存图片的接口，使用 XXX 接口（从微信开放文档得到的） 只有到这一步，小程序才算是全部完工。 我必须提醒一句，你可以不会敲代码，但至少你能大致看懂一点 HTML+CSS+JS 代码，如果你一点都不懂，一但报错，直接两眼摸黑，毫无头绪。当然，根据我的实测，出现错误的概率还是比较小的，尤其是没有什么逻辑的代码，几乎可以一句话生成，立马跑起来。 注意：我使用 Cursor 也有接近 500 句对话了，Cursor 也会出现脑抽的情况，理解不了你的意思，直接胡乱修改你的代码，遇到这种情况不要着急，换个模型或者重启就行。 结尾： 这次寿命预测小程序从灵感到上线，只用了不到一天时间，用户的增长也验证了工具+执行力的威力。 Cursor+Deepseek 让我这种三年没写代码的二流程序员也能快速落地想法。 如果你也有想法，一定别停留在脑子里，立刻行动起来，说不定下一个爆款就是你。 大家好，我是小林，第一个版本 1 个小时就开发好了，内测了一下，基于内测用户提的建议用 30 分钟优化了第二个版本，周末疯狂迭代，已经迭代 6 个版本， 1.3 万用户，还在增长中。 这次比较重视用户体验，变现只有小程序的开屏广告，广告费累计有几百，基本上每天躺赚饭钱。 开头特别提醒下：千万不要完全依赖 Cursor，这个小程序有个保存图片功能，真机调试版、体验版、开发版都可以正常保存，但正式版每次都是保存失败，用 Cusor 调试了很久发现解决不了。 最后利用搜索引擎找到了答案，需要更新用户协议，不到 1 分钟给解决了。 所以搜索引擎还是很重要的，大模型对于这种非常细节的问题，它解决不了。 下面我来详细复盘一下怎么做，含三部分：灵感来源、如何裂变、开发流程。 一、寿命预测小程序灵感来源 灵感来源于海外的一款死亡钟，可以倒计时寿命。 二、小程序引流裂变 很多人比较关心流量从哪里来，获取流量的本质是你做出的工具对别人有一定价值。 一）种子用户 种子用户来源于我自己运营的两个微信群，平时运营的还不错，活跃度有，不少同学给我提了很实用的建议。 对普通人来说，自己的朋友圈，家庭群都是很好的冷启动，尤其是你可以当面观察他们的用户体验，看看他们的习惯导致小程序哪里使用不顺畅。 比如我的死亡钟，点击选项会自动跳转下一题，但是底部也有个下一题的按钮，导致很容易重复点击。 当面观察到的所有不顺畅，都可以优化。 二）如何裂变 裂变的本质：让用户主动帮你拉人，还拉得心甘情愿。 核心就两点，一是用户自己觉得爽；二是用户分享后能占便宜。 比如分享解锁隐藏福利，你在小程序里看小说，突然弹出分享到 3 个群，免费看 VIP 章节。 注意微信禁止强制分享，比如不分享不能用，很容易被封。 我的具体方法是，做了一个生成图片的功能，用户可以填写昵称生成自己的寿命预测图，且图片右侧底部有小程序码，如果用户发了朋友圈，就直接裂变了。 这个页面还有很大的优化空间，目前是 Deepseek 帮我写的，后续还会持续优化。 三）基于私域宣传 这个就看大家各自的积累了，如果你本身就有一定影响力，工具做到到位，一波文案直接就起飞了。 我这个小程序能很快到 1.3 万用户，至少一半的功劳在平时的积累。 公众号也是很好的推广渠道，后台设置一下关联小程序就能在公众号的菜单栏添加小程序入口。 平时的推文也可以内嵌小程序卡片（如“点击测试你的预估寿命”），引导用户跳转。 如果你的视频号是企业类型的，也可以在视频号主页添加小程序，引导用户点击，具体位置在服务菜单模块。 四）小程序 SEO 什么是小程序 SEO？ 简单说，就是让你的小程序更容易被微信的搜索功能 找到，比如用户在微信里搜 AI，你的小程序能排在前面，这就是 SEO 的作用。 排名靠前的小程序能获得很多免费流量，不用天天发广告，我预估 AI 这个关键词下的第一个小程序，每天自然增长 1000 用户没有任何问题。 怎么做小程序 SEO？ 名称：小程序名字里带关键词，比如北京火锅外卖，别用太文艺的名字。 简介：描述里多重复关键词，比如提供北京本地最便宜的鲜花配送服务。 内容优化：小程序里多放文字内容，别只放图片，因为搜索引擎看不懂图。 页面标题用关键词，比如北京旅游攻略 天安门景点推荐。 小程序 SEO = 取个好名字 + 多写关键词 + 让用户用着爽 + 到处留入口，本质上就是让平台觉得你的小程序靠谱，用户需要时优先推荐你。 裂变的路径基本上就这这几条，最容易躺赚的还是 SEO 搜索流量，这块大家可以钻研一下。 三、Cursor 开发详解 四个环节，这次同样用 Deepseek 辅助优化页面 UI。 一）项目初始化明确自己的需求 1、技术栈 前端：JavaScript+WXML+WXSS 后端：为了简便开发，数据缓存在用户手机本地。 2、核心功能 收集用户的健康相关数据，包含多个维度的健康问题。 分析用户数据，得到健康评估报告。 根据健康评估报告，给出合理的健康计划。 将数据保留在本地缓存。 二）梳理 Cursor 能看懂的业务逻辑 根据需求组织项目框架语句，确保 Cursor 可以听懂。 1、对上述核心功能进行总结 我们需要 2 个页面（首页+我的） 首页是小程序简介和开始评估的按钮。 我的页面由 2 部分组成，健康评估、健康计划，点击会进入不同页面。 2、构建出大致的 UI 如果没有设计思路，建议上微信看看同类型小程序是怎么做的。 给大家一个好的建议。可以搜“MBTI 测试”，会出来一大堆小程序，看哪个顺眼，直接拿去模仿。 注意：长寿指南页面后面会提到。 3、组织 Cursor 语句 例： Deepseek 的输出： 生成完后，直接复制粘贴即可。 注意：每个页面都可以这么做，生成的结果直接复制粘贴就行。 2、报错的解决办法 你在使用 Cursor 的过程中一定会报错。建议先将报错的信息和代码发给 Deepseek，再把 Deepseek 生成的错误原因发给 Cursor 解决，百分之 90 的错误可以利用 Deepseek + Cursor 可以解决。 注意：这一步操作其实为 2 步，先让 deepseek 生成错误原因，再让 Cursor 分析。 为什么不直接让 Cursor 解决报错呢？因为当 Cursor 生成错误代码的时候，如果 Cursor 可以解决，那最好不过，要不然 Cursor 只会越改越乱，甚至擅作主张修改你的其他代码。 例：请分析为什么获取昵称的对话框不能正常显示，但是可以保存图片，保存的是默认昵称？ 我的输入：