震惊,我用cusor开发的产品盈利了!

608 阅读4分钟

产品灵感

产品灵感来自于群里小伙伴的聊天场景

image.png 学会用自己的熟悉的东西去学习新的事物与概念。

开发任何产品之前,我们最好有一些竞品分析

image.png

image.png

image.png

image.png

通过跟gpt的分析,得到产品竞争分析

确认第一个mvp版本

表达产品愿景

image.png

架构设计

前端(熟悉的就好,本质就是做页面呈现,页面一些点击交互)
	vue3
	react
	tailwindcss(样式)
	elementui(样式)
	vant(样式)
后端(熟悉的就好,本质就是帮你实现逻辑判断的东西)
	java
	python
	go
	c#
	nodejs
数据库(熟悉的就好,本质就是个存东西的地方)
	mysql
	sqlserver
	mongodb
	pg
产品形态
	web端
	小程序
	app
确认架构形态
	web端(vue3+tailwindcss+java+mysql),国内熟悉的人最多
            

开发

1.定义cusor角色

image.png

2.需求描述

需求:我要做一个这样的web应用:主打用户通过自己熟悉的领域去学习未知领域的知识。

核心功能

产品形态:MVP 核心功能 以下是最小化可行版本(MVP)的功能清单,重点解决你的核心痛点:

  1. 用户输入:熟悉领域 + 想学领域 功能描述: 用户选择自己熟悉的领域(《王者荣耀》、运动、烹饪等)。 选择想学习的领域(数学、物理、心理学等)。 技术实现: 数据库预设领域间的知识映射模型。 用户选择后,动态生成学习内容。
  2. 个性化学习内容生成 功能描述: 通过熟悉领域解释陌生领域知识。 动态生成互动问题和案例。
  3. 短期任务驱动 功能描述: 通过游戏化任务引导用户完成一个知识点学习。 完成后给出奖励(如虚拟成就、领域拓展建议)。 技术实现: 设置小关卡和成就机制。 引入奖励反馈,让用户有持续学习动力。

4.梳理完善md文档

image.png

开发流程

1.架构搭建

image.png

image.png

image.png

image.png

2. 建立git仓库保存代码(很重要!)

访问github.com/

image.png

image.png

image.png

image.png

image.png

3.初始化数据库

image.png

4.启动后端服务

要求他启动的好处是,会自行修复服务问题

image.png

image.png

image.png

5.启动项目前端

image.png

image.png

6.提交初始版本到git

后续任何功能一定要记得提交,做一个点提交一次,不然如果文件变动太大,后续会不知道怎么改

7指导ai开发

首先确定底部菜单,先要求前端展示效果,确认效果后,再要求后端迭代,持续炼丹

image.png

image.png

7.详细描述首页功能与需求(循序渐进的表达,一次不要太多,尽量明确需求)

1.首页新用户进来需要先选择自己感兴趣想学习的领域,以卡片的风格展示,样式要足够吸引眼球

image.png 我希望首页出来的就是一个卡片,这个卡片的知识非常吸引人,但是一般人回答不出来,吸引用户点击

image.png 功能数据落库

image.png

image.png

调用大模型能力

选择合适的大模型,我使用的是deepseek

image.png

  1. 设置apikey
  2. 给予调用案例 curl api.deepseek.com/chat/comple…
    -H "Content-Type: application/json"
    -H "Authorization: Bearer "
    -d '{ "model": "deepseek-chat", "messages": [ {"role": "system", "content": "You are a helpful assistant."}, {"role": "user", "content": "Hello!"} ], "stream": false }'

3.给出详细的需求 知识点的数据生成调用大模型deepseek,其中调用方法如下curl api.deepseek.com/chat/comple…
-H "Content-Type: application/json"
-H "Authorization: Bearer "
-d '{ "model": "deepseek-chat", "messages": [ {"role": "system", "content": "You are a helpful assistant."}, {"role": "user", "content": "Hello!"} ], "stream": false }' 其中apikey为sk-37fdaca54b74473ea2e6e238f2baaf19

  1. 探索出新的方向(根据反响决定做 “小白解释器”)

image.png

image.png

image.png

想更多好玩的点

  1. 预设角色

image.png

最后成品展示

image.png

image.png

支持使用自己喜欢的内容来解析新的知识

image.png

image.png

支持分享卡片

image.png

支持卡片社区

image.png

image.png

收益

目前已经收到5个家长的感谢金,总计50元,主要用来给孩子解释10万个为什么的问题。

结语

利用cusor 等ai编程工具可以极大的发挥我们的创造力,整个产品开发时间只用了两天,包括前后端,以及运维上线,项目地址 canyingoodai.com/simpleLearn… 。接下来会用cusor持续开发更多产品,大家有兴趣的,可以联系我,同时我会创建一个cusor社区,帮助大家一起用自己的创造力获得一份收入。

image.png