Yangyi Profile picture
- Believing is seeing - Reverb Marketing Evangelist

Mar 2, 2025, 16 tweets

全新的 Cursor 编程工作流程:🧵
(收藏此帖以备将来参考)

开始阅读之前,记得点赞、转发或收藏🫶
本Threads内容由人机协同内容引擎发布
翻译自@cj_zZZz的推文

1、统一界面:Agent 作为默认模式

以前的“Chat”和“Composer”选项卡被更简单的下拉菜单取代:

“Agent”模式现在是默认模式

使用“Edit”模式进行精确修改

使用“Ask”模式进行规划和提问

现在有了更好的用户界面/用户体验。

2、自动网络搜索:

Agent 现在可以自动搜索网络以获取最新信息,无需使用 @ Web 命令,这对于查找官方 API 文档非常有用。

现在可以更好地处理诸如 shadcn 安装和 Stripe API 集成之类的问题。

但是,仍然建议将此添加到您的规则中:

“每当提到新的软件包或 API 时,始终在网络上搜索官方文档,然后继续实施。”

3、构建上下文边界:

由于 Agent 现在比以往任何时候都更加自主,它可能会产生幻觉并在几秒钟内弄乱代码库。

为了解决这个问题,请附上“项目编码文档”
- 产品需求文档(PRD)
- 应用流程文档
- 前端和后端指南

等等

使用 @CodeGuidedev 生成编码文档。
现在,CodeGide 可以一键将您的编码文档附加到 Cursor。

4、创建实施计划:

对于 Agent 来说,实施计划非常重要,这样它可以自主地遵循从 1 到 50 的所有步骤来完成您的应用程序编码。

您的工作是点击“全部接受”,并确保它没有遗漏任何步骤。

CodeGuide 使用 03-mini-high 模型编写此计划。

5、调试提示

像 Sonnet 3.5 这样的编码模型可能会忽略重要的细节,所以使用 Sonnet 3.5 进行编码,使用 o1 模型进行调试。

然后使用附加的提示。

这将帮助 AI 分析错误的核心原因,然后创建一个逐步修复错误的计划。

6、响应结构:

使用以下布局来组织您的响应。

提供更新:“侧边栏菜单现在已完美对齐。”

分享下一个任务:“现在我们需要添加暗黑模式”

标记正确的文件:“检查 @(文档名称)并解释您将如何实现这一点”

7、使用入门套件(样板)

与其从头开始,不如使用入门套件来快速加载您的初始项目设置。

我在 @CodeGuidedev 中添加了 6 个入门套件,它们是专门为 AI 编码模型构建的,预装了所有最常用的软件包。

总结:
1、使用 Sonnet 3.5 进行编码,使用 o1 进行调试
2、使用带有编码文档的“Agent”模式来构建上下文
3、使用入门套件来节省时间并最大限度地减少开发错误
4、使用调试提示 + 响应结构布局
5、定期提交到 Github 以获得更好的版本控制

我将向 CodeGuide 添加预构建的 UI 组件、应用程序和着陆页。您会喜欢 v3 版本的。

以上是原贴的分享
-------
接下来分享一下我自己的技巧:
1、先用AI把PRD进行英文详细翻译,包括项目文件目录,技术栈,相关文档,流程图,细节要求等等,这份文档很重要
2、基于这个文档让Cursor开始构建
3、时刻关注Cursor的代码更新,不要往同一个文件构建太多函数,必要时向它提出要求,构建新文件,否则你会拿到一个非常多代码行的无法维护的工程
4、可以将代码文件中的函数名也单独拿出来维护文档,这样Cursor可以参考文档,针对性的cat代码出来,会消耗更少的function calls,更快更精准完成任务
5、涉及到i18n国际化的地方,一定要提前规划,后续补充会很麻烦
6、大改动之前一定提交git,避免出现大规模问题
7、对cursor的提示可以增加:请使用较小的代码量改动,最安全的方法进行代码优化
8、内容较多时,记得进行重构优化,否则cursor的处理会越来越慢……
9、可以使用MCP连接Chrome浏览器,方便cursor快速获取控制台信息,并能实时截图了解具体情况
10、每完成一个功能模块后,记得让Cursor把实现思路,代码函数等打印到文档中,方便后续提供上下文

最后,感谢你花时间阅读了这篇推文!🫶
关注@Yangyixxxx,在内容爆炸的时代,通过内容引擎为你推送优质信息

如果你喜欢这篇内容,也请点赞并转发第一条推文,把有价值的内容分享给更多人~

MCP相关了解

除了一些浏览器交互,爬虫,大模型生成API
还可以利用它交互supabase数据库👇🏻

AI Engineer今早也发布了一个将近2小时的关于MCP的分享,大家也可以去Youtube查看学习

@cj_zZZz 原文出处:

Share this Scrolly Tale with your friends.

A Scrolly Tale is a new way to read Twitter threads with a more visually immersive experience.
Discover more beautiful Scrolly Tales like this.

Keep scrolling