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

相关推荐
xiaopengbc4 小时前
在 React 中如何使用 useMemo 和 useCallback 优化性能?
前端·javascript·react.js
GISer_Jing4 小时前
React 18 过渡更新:并发渲染的艺术
前端·javascript·react.js
全栈技术负责人5 小时前
前端网络性能优化实践:从 HTTP 请求到 HTTPS 与 HTTP/2 升级
前端·网络·http
码上暴富5 小时前
Echarts雷达图根据数值确定颜色
前端·javascript·echarts
Mintopia5 小时前
在混沌宇宙中捕捉错误的光——Next.js 全栈 Sentry / LogRocket
前端·javascript·next.js
Mintopia5 小时前
长文本 AIGC:Web 端大篇幅内容生成的技术优化策略
前端·javascript·aigc
VueVirtuoso5 小时前
SaaS 建站从 0 到 1 教程:Vue 动态域名 + 后端子域名管理 + Nginx 配置
前端·vue.js·nginx
少年阿闯~~5 小时前
transition(过渡)和animation(动画)——CSS
前端·css·动画·过渡
Async Cipher5 小时前
CSS 继承 (Inheritance)
前端·css
祈祷苍天赐我java之术6 小时前
Vue 整体框架全面解析
前端·javascript·vue.js