基于 Cursor 实现智能代码审查skill

方法一:用 Cursor Rules (.cursorrules)快速体验效果

文件位置:在项目根目录创建 .cursorrules 文件。

定义规则:在其中明确你的审查标准和偏好。

markdown 复制代码
## 项目概述
- 这是一个基于 React + JavaScript 的前端项目。
- 优先使用函数式组件和 Hooks。

## 目录边界
; - 只允许修改:src/、components/、utils/ 下的文件。
; - 禁止修改:node_modules/、.next/、dist/ 等构建产物目录。

## 代码规范
- 使用 `const` 或 `let`,禁止 `var`。
- 统一为项目其它文件的"有分号"风格
- 统一引号为双引号

## 安全红线
- 禁止使用 `dangerouslySetInnerHTML`,除非配合 DOMPurify 使用。
- 禁止将 API 密钥、Token 等硬编码在代码中。

## 输出要求
- 在进行代码审查时,先输出审查计划。
- 按 "严重程度(高/中/低)" 列出问题,并提供修复建议。

测试

要确保 .cursorrules 生效,可以分三步来验证:

1、验证加载状态:在 Cursor 的设置里找到 Rules 选项卡,如果能看到你的 .cursorrules 文件在列表中,就说明它已经被成功加载了。

2、使用明确的测试指令:不要空泛地提问,要用自然但具体的语言,直接要求 AI 在代码中执行你设定的规则。例如:

如果规则要求"不能使用 var",你可以指示 AI:"根据项目规范,将所有 var 声明替换为 const 或 let。"

如果规则定义了"组件 Props 必须有类型",可以要求:"给 UserProfile 组件添加缺失的 Props 类型定义。"

3、通过实战测试验证:可以故意在一个小文件里写一段"违规"代码,然后用 Cmd/Ctrl + K 或 Cursor Chat,指示 AI 帮你修复。如果 AI 按规则要求修改了代码,就说明规则生效了。

结果如下:

方法二:用 cursor 内置 "AI审查" (Agent Review)快速体验效果

在 AI 生成代码的 Diff 视图中:通常会有一个 Agent Review 的入口,如下图:

点击自动 review 代码。

相关推荐
Eloudy36 分钟前
ReAct 原理简介
前端·javascript·人工智能·react.js·agent·gpu
ZJU_统一阿萨姆2 小时前
【DSH】如何将 DeepSeek Harness 嵌入生产环境?万字解构 DeepSeek Agent Harness 的运行机制与安全边界
前端·javascript·安全
用户921080262862 小时前
4. 前端地图大量点位实时更新优化:后端推增量,前端做 diff
前端
SoaringHeart2 小时前
Flutter最佳实践:Web项目中文字体首次加载乱码问题解决
前端·flutter
西安小哥3 小时前
破局与重生:大厂前端如何借力 AI 转型“超级全栈“
前端·人工智能
sunly_3 小时前
TypeScript总结:16、面向对象速查
前端·javascript·typescript
MXN_小南学前端3 小时前
React超长文本域中实现“返回顶部”浮动按钮
前端·javascript·react.js
学习嵌入式的小周3 小时前
Notepad++8.8.7下载安装(附安装包)
前端·notepad++
gs801404 小时前
解构 Cordis:面向“时空可组合性”的 TypeScript 元框架深度剖析
前端·javascript·typescript
岁岁种桃花儿4 小时前
Vue核心语法第一篇:Vue是什么?
前端·javascript·vue.js