我做了个 Skill,一句话生成小程序原型,需求文档都帮你写好了

大家好,我是小肥肠,努力运营一人公司的前程序员。小红书训练营告一段落,有不少同学跑通了虚拟资料从零到一流程。我决定趁热打铁做一个小红书+小程序变现闭环,今天这篇文章分享的是辅助开发小程序的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。今天的文章先到这边,下期再会~

相关推荐
dong_junshuai43 分钟前
每天一个开源项目#108 36K星Claude金融Agent模板库
开源·github·agent
武子康43 分钟前
Ray 的 remote 调用之后:任务怎样衔接,状态留在哪里?
人工智能·llm·agent
程序员cxuan43 分钟前
WorkBuddy + ima 搭建本地知识库
人工智能·后端·程序员
AI深栈43 分钟前
第 17 章 · 编排 AI 流程:StateGraph 节点、条件边与意图路由
java·人工智能
知几蜗牛44 分钟前
vLLM为了新GPU拆掉旧抽象,为什么还要再造一套可移植层
人工智能
知几蜗牛44 分钟前
百万行PR也能顺滑滚动,GitHub靠的不是再加一层虚拟列表
人工智能
IT_陈寒44 分钟前
Redis误删数据后的血泪教训:我竟然这样找回来了
前端·人工智能·后端
吴佳浩44 分钟前
共享黑板模式(Blackboard)实战:多 Agent 如何并发协作而不冲突?
人工智能·agent·ai编程
火山引擎开发者社区44 分钟前
AgentKit MCP 网关上手指南|让企业存量服务快速接入 AI
人工智能