大家好，我是平常心，一名程序员，从事 WEB、APP 端的开发工作，但没有微信小程序开发经验。受小林老师的影响，参加了本次破局行动来快速实现我的想法，从构思、开发、上线发布，只用了 3 天上班摸鱼时间（本职工作已完成的情况下）。

这篇文章来给大家分享，战痘小程序的整个实现过程。

一、破局行动之始，种子生根发芽之日

我是第一次参加 AI 编程破局行动，之前参加小红书行动后一直深耕小红书平台，专注于中医养生赛道。后来我发现青春痘相关的话题热度非常大，如何内调外养，饮食运动怎么选，喝什么，按摩哪里的穴位等等各种问题。而针对不同类型的情况有不一样的缓解方式，一直想做一款小程序来帮助一些用户了解自己的痘痘在中医方向是什么类型，该怎么去缓解怎么去应对。

在破局看到小林老师通过Cursor+微信小程序快速实现了内心想法，正好小林老师是本次编程行动营的教练，于是我心想跟着他一定也可以快速实现我的这个想法，于是我结合几位中医大家对青春痘的认识，快速开发出了这款青春痘体质类型测试小程序，目的为了帮助长痘的人群对自己的体质和痘痘类型有一定了解认识。

二、行动第一天

一）技术选型及需求

1、技术栈

前端： JavaScript+WXML+WXSS

后端： 为了快速原型验证，数据缓存在用户手机本地，缓存时间为一周。

2、核心功能

1、根据中医方向典型的 30 道测试问题，判断用户痘痘属于哪种类型，并给出参考建议

2、保留用户一周内的测试数据，并计算皮肤健康值判断是上升还是下降

3、包含中医专家在多个方向的辅助调理方法

二）页面设计

大致可设计 2 个导航页面，分为首页和我的。

首页

展示 5 种中医方向的痘痘类型，以此先让用户心里有个了解。

一个动态的开始测试按钮，按钮下方有一行字“包含 30 道题，用时 3 分钟，准确率 95%”，以此来向用户表明，此测试不会耽误很久，而且准确率极高

我的

皮肤健康值，每次测试后根据上一次的结果判断是上升还是下降并给出简单专业提示

菜单栏，包括历史测试、痘痘百科、关于我

整个小程序的页面风格没有参考任何其他小程序，我要的就是此小程序的主题核心，健康、自然等特征，让 Cursor 自由发挥来设计。

三）初步实现整体框架

我要做一个微信小程序，是一个中医检测痘痘类型的小程序。以选择的形式来回答典型问题，判断出青春痘的类型并给出科学合理的建议。要求如下： 1、包含两个导航页面（首页、我的）。 2、首页包含一个开始测试按钮，和 5 种痘痘类型：肺经风热型、脾胃湿热型、肝郁化火型、肾阴不足型、血瘀痰凝型（以卡片类型展示）。 3、我的页面上方为昵称和头像，下方为菜单栏。均以卡片的形式显示。 4、页面整体风格样式符合自然、健康的特征。

继续 Cursor 提示词：

首页存在几个问题，如下：

1）首页的开始测试按钮不显示

2）五种类型的痘痘要和答题后判断的 5 种类型一致

3）点击五种类型的方框卡片时不要有任何操作，目前存在跳转到问答页面

4）跳转到答题页面，要通过开始测试按钮跳转

注意：

先让 Cursor 把整体的框架构建出来，再去一个页面一个页面的去修改。Cursor 生成出来的样式可能有错乱的地方，比如位置过于偏下、偏右。这时候你可以选择通过@正确部分代码，让它和这个地方的样式一致。

如果修改一个地方的样式一直不成功，定位到具体代码，把那一段删掉，然后让 cursor 重新帮你生成。

比如我修改一个按钮样式的时候一直不成功，删掉了对应代码，让 cursor 在那个位置重新生成一个就可以了

为了更好的阅读体验，来飞书看吧：

https://tagfn3rswzi.feishu.cn/docx/J5pDdIiv8oH9gexFABec1KUNn6d