让 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 字(可选)

相关推荐
天官赐福_14 分钟前
vue2的scale方式适配大屏
前端·vue.js
江城开朗的豌豆14 分钟前
CSS篇:前端经典布局方案:左侧固定右侧自适应的6种实现方式
前端·css·面试
我儿长柏必定高中16 分钟前
Promise及使用场景
前端
无名友16 分钟前
HTML — 浮动
前端·css·html
0xJohnsoy17 分钟前
React中的this详解
前端
the_one18 分钟前
🚀「v-slide-in」+ 瀑布流实战指南:Vue 高级滑入动画一键实现,页面质感瞬间拉满!
前端·javascript·css
ZL不懂前端18 分钟前
微前端介绍
前端
Lear19 分钟前
uniapp&微信小程序markdown&latex
前端
江城开朗的豌豆19 分钟前
CSS篇:CSS选择器详解与权重计算全指南
前端·css·面试
asing20 分钟前
之家中后台前端解决方案 - 支点2.0
前端·javascript