大家好,我是小肥肠,努力运营一人公司的前程序员。小红书训练营告一段落,有不少同学跑通了虚拟资料从零到一流程。我决定趁热打铁做一个小红书+小程序变现闭环,今天这篇文章分享的是辅助开发小程序的skill,只需要一句话就能生成可以交互的小程序原型 html 文件和需求文档等成果,可直接投入开发。
1. 小程序利好个人开发者
今年 8 月底微信出了个关键政策:个人主体小程序终于可以开通虚拟支付了。 以前在小程序想要收款得是公司主体,很多人直接被这一步劝退。现在拿身份证做个工具类小程序就能收费,个人做付费小程序的资质门槛直接没了。我的想法是把小红书虚拟资料这条线和小程序打通,具体品类我选了拼豆图纸 和性格测试这两个,接下来一个月我打算亲自跑一下变现路径。

既然决定做小程序那辅助开发的skill必不可少,我用1天时间开发了这个小肥肠小程序需求与 UI 设计 skill,只需要输入简单几句需求,它就可以生成可交互的原型图界面,感兴趣可以往下看。
2. 一句话生成小程序原型图skill
这个skill的使用很简单,只需要把口语化的需求给到它,它就可以把你的话转换为开发需求,并生成可交互的原型页面。以下图为例,我想做一个记账小程序,把简单的需求给它。

等待2分钟小程序原型图就生成了,这个原型是html界面,可以点击交互,生成的结果文件包含原型、 PRD 文档、开发交接等产物,可以直接投入后续开发中。

如果对生成的原型不满意可以提供一张自己喜欢的图给skill,它会分析图片的配色和视觉效果,再套用到原型界面上:

3. skill技术路线概述
这是一套"把需求编译成可点击 HTML 小程序原型"的流程:需求解析 → 结构化输出 PRD/spec → 提取视觉规范生成设计 tokens → 产出含增删改查与跳转的交互原型 → 校验后交付 HANDOFF;有参考图时额外从图中提取配色布局映射到组件,图定视觉方向、需求定业务逻辑。

最终生成的是一个可以在浏览器中点击演示的小程序原型。这个skill创建的提示词也不复杂,把以下提示词丢给Codex即可:
diff
你是一名小程序产品经理和 UI 设计师。
请根据我下面提供的产品想法,帮我设计一个微信小程序,并输出:
- 产品定位和目标用户
- 核心功能与用户流程
- 页面结构和页面跳转关系
- 主要组件、字段和交互说明
- 配色、字体、布局和视觉风格
- 可点击的 HTML 交互原型
请优先完成首版核心流程,并补充空状态、加载中、提交成功、失败重试和取消确认等关键状态。信息不足的地方请采用合理默认值,同时标记必要的假设。
这个 Skill 已收录至陪跑群资料库,群友可直接上手复用。
4. 结语
最近一直在带变现项目,主要是小红书虚拟资料和公众号贴图,我发现了互联网赚钱就是二八定律,每个训练营,能跑通的永远是行动力强,善于复盘思考,听打招呼,坚持做的那批人。对于互联网项目一定要有的认知是:赚钱没那么容易,一个项目你在做的同时有成千上万的竞争者,想要在赛道脱颖而出拿到结果是很难的事情,你的对手比你优秀,比你卷,你凭什么赚钱?

说实话这期训练营统计下来很多学员变现能力比我厉害,我是程序员出身,商业思维其实并不算突出,我能做的就是给大家跑通0到1的变现路子,同时提供AI提效工具,能看到很多人踩着我跑通的路子超过我,我心里很开心。

这也说明,想在互联网项目拿到结果,除了跟着已经跑通的人实践,剩下的就是融进自己的理解,超过带你赚钱的人。这样你才能实现从0到1,从1到10。今天的文章先到这边,下期再会~