让 Cursor 帮你把想法落地

背景

这是在 Github 发现的一个开源项目,阅读过所有文档和 youtube 视频之后学习到的。

  1. 增强 Cursor 的能力,让 AI 生成约束自己的 rule 规范。
  2. 让 Cursor 来帮你把想法落地。只需要提供 idea,Cursor 就能帮你生成 prd、技术方案,按照 epic -> story -> task -> subtask 拆解任务,一步步完成。

核心是通过 cursor-auto-rules-agile-workflow 这个库,来将提前写好的 rule 复制到你的项目本地。

bash 复制代码
# Clone this repository
git clone https://github.com/bmadcode/cursor-auto-rules-agile-workflow.git

cd cursor-auto-rules-agile-workflow 

# 在你自己的项目生成 rule
./apply-rules.sh /path/to/your/project

模式一

自动生成 rule 按照环境配置之后,你的项目里面会多出几条 rule。这几条 rule 的作用就是制定了一系列 mdc 文件规范,让你和 AI 聊天的时候可以自动帮你按照规范生成 rule。

接下来,你只需要通过 agent 模式和 Cursor 聊天就能生成 rule。

添加图片注释,不超过 140 字(可选)

添加图片注释,不超过 140 字(可选)

模式二:workflow

这是一种自动化工作流模式,可以让 AI 帮你管理工作流,拆解任务。 在项目里面选择开启 notepad,然后在 notepad 目录下创建新的 notepad,比如这个 notepad 叫 agile。然后将 xnotes/workflow-agile.md 文件复制到这个 notepad。

添加图片注释,不超过 140 字(可选)

这样在 Context 里面就会出现一个叫 agile 的 notepad,你在 agent 模式下也可以艾特它。 接下来,你只需要按照 project-idea-prompt.md 里面的格式来提问就好了。

添加图片注释,不超过 140 字(可选)

AI 会先帮你创建出来 ai 目录和 prd 文件,在 prd 文件里面会有需求状态以及需求分析、解决方案等等,这是一份比较完善的文档了。 如果你想做得更加细致,可以给出更详细地的需求,让 AI 帮你输出 prd。

添加图片注释,不超过 140 字(可选)

然后 AI 会根据 prd 文档来输出一份架构设计文档,接着根据需求拆解,会创建第一个 Story 级别的任务。

添加图片注释,不超过 140 字(可选)

这样第一阶段就完成了,它创建了 PRD、ARCH、Story-1 三个文档,可以进行下一步开发任务了。

添加图片注释,不超过 140 字(可选)

基础任务完成之后,它就会拆解后续任务,创建第二个 Story 文档出来,在第二个 Story 文档里面,它增加了很多功能,比如桌面消息通知、收藏等等,真是个合格的产品经理。

添加图片注释,不超过 140 字(可选)

完成所有开发之后,我就去试用一下这个 Chrome 插件,结果遇到了报错,那就按照报错一步步提示它,让它来帮忙修改。

添加图片注释,不超过 140 字(可选)

虽然界面比较简约,但这个 Chrome 插件的开发只花了半个小时左右。最后,我们的 Chrome 插件就可以发布出去了。

添加图片注释,不超过 140 字(可选)

相关推荐
一口一个橘子16 分钟前
[ctfshow web入门] web80
前端·web安全·网络安全
漫谈网络16 分钟前
基于原生JavaScript前端和 Flask 后端的Todo 应用
前端·javascript·后端·python·flask
moyu8422 分钟前
异步编程的"语法糖":为什么 async/await 甜到犯规
前端·javascript
小小小小宇29 分钟前
端到端(E2E)测试学习笔记
前端
前端小趴菜0532 分钟前
grid网格布局
前端·css·html
小小小小宇32 分钟前
一文搞定jest单元测试
前端
徐_三岁37 分钟前
const ‘不可变’到底是值不变还是地址不变
前端·javascript·vue.js
小小小小宇1 小时前
前端一文搞懂webpack loader
前端
小小小小宇1 小时前
一文搞懂webpack插件
前端
小小小小宇1 小时前
一文搞定ESlint插件
前端