让 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 分钟前
elementUI的table合并行和列模板
前端·javascript·elementui
En^_^Joy16 分钟前
CSS常用属性速查手册
前端·css
Bigger18 分钟前
踩坑记:NPM 发布脚本导致组件重复发布
前端·ci/cd·npm
Hao_Harrision19 分钟前
50天50个小项目 (React19 + Tailwindcss V4) ✨ | AutoTextEffect(自动打字机)
前端·typescript·react·tailwindcss·vite7
IT_陈寒23 分钟前
Vite 3.0 实战:5个优化技巧让你的开发效率提升50%
前端·人工智能·后端
玲小珑39 分钟前
React 防抖函数中的闭包陷阱与解决方案
前端·react.js
咖啡の猫1 小时前
TypeScript编译选项
前端·javascript·typescript
想学后端的前端工程师1 小时前
【Vue3响应式原理深度解析:从Proxy到依赖收集】
前端·javascript·vue.js
小徐不会敲代码~1 小时前
Vue3 学习 5
前端·学习·vue
_Kayo_1 小时前
vue3 状态管理器 pinia 用法笔记1
前端·javascript·vue.js