Back to others

code-review Skill 使用说明

2026-06-08 08:00:0016min

项目简介

code-review 是前端组内部使用的 Agent Skill,面向 Cursor、Claude Code、Codex 等支持 Skills 的 AI 编程助手。

  • 10 步标准流程 系统性审查前端代码变更

  • 用 🔴 / 🟡 / 🟢 三级标注问题严重程度

  • 自动生成交互式 HTML 报告Markdown 备份

  • 通过 archive 知识库 沉淀团队易错模式,下次 CR 自动做回归检查

  • GitHub: zeroanonx/code-review

  • skills.sh: zeroanonx/code-review/code-review

如何安装

安装 Skill

推荐全局安装,所有项目可用:

全局安装
npx skills add zeroanonx/code-review --skill code-review -g -y

仅当前项目安装:

项目级安装
npx skills add zeroanonx/code-review --skill code-review -y

仅安装到 Cursor:

指定 Agent
npx skills add zeroanonx/code-review --skill code-review -a cursor -g -y

确认安装成功

列出已安装 Skill
npx skills list -g

应能看到 code-review。安装后建议 重载 Cursor 窗口Cmd/Ctrl+Shift+PDeveloper: Reload Window)。

安装前自检(可选)

预览仓库内 Skill
npx skills add zeroanonx/code-review --list

应列出 1 个 skill:code-review

配套 Skill(建议一并准备)

审查时会引用以下规范。其中 best-rules 已随本 Skill 内置;其余三项需单独安装,且目录名须与下表一致:

规范说明是否内置
rules/best-rules.md团队统一前端编码标准
vue-best-practicesVue 3 / Composition API 规范❌ 需安装
vercel-react-best-practicesReact / Next.js 性能优化❌ 需安装
typescript-best-practicesTypeScript 类型安全❌ 需安装

安装后,各 Skill 目录应位于同一父目录下(如 ~/.agents/skills/~/.cursor/skills/):

~/.agents/skills/
├── code-review/
│   ├── SKILL.md
│   └── rules/best-rules.md
├── vue-best-practices/SKILL.md
├── vercel-react-best-practices/SKILL.md
└── typescript-best-practices/SKILL.md

如何触发 Code Review

在 Cursor 等 Agent 对话中,任选一种方式:

/code-review

或直接描述:

1. 帮我 CR 一下当前分支的变更
2. 审查这次 PR 的代码
3. 对最近一次任务变更做 code review

常见触发词code reviewCR审查代码cr代码评估代码质量 等。

审查范围怎么选

Skill 会引导你选择本次 diff 范围:

选项说明适用场景
1当前工作区未提交变更本地改完、尚未 commit
2指定 commit 的变更只看某次提交
3当前分支与主分支的全部差异与 main/master 完整对比
4特定文件或目录局部审查
5最近一次任务变更(推荐)功能分支从 merge-base 到 HEAD 的完整交付 diff

审查流程(10 步)

Agent 启用本 Skill 后,必须严格按以下顺序执行,不得跳步:

步骤动作产出
1读取 archive,准备回归检查读取 code-review/archive/index.md
2收集项目上下文package.json、README、构建配置、openspec 等
3确认审查范围用户选择 diff 范围
4多维度审查🔴 → 🟡 → 🟢 全量审查 + archive 回归比对
5确保输出目录存在创建 result / backup / archive 目录
6生成 HTML 主报告code-review/result/{分支}-{日期}-crr.html
7生成 Markdown 备份code-review/backup/{分支}-{日期}-crr.md
8更新 archive 知识库仅 🔴/🟡 问题写入 cases
9检查 Git 策略提示 .gitignore 是否忽略 result/backup
10打开 HTML 报告浏览器自动打开 result 下的 HTML

执行纪律(违反视为 CR 未完成):

  • ❌ 禁止跳过读 archive 直接审查
  • ❌ 禁止未确认范围就开始审查
  • ❌ 禁止只在聊天里给结论、不写 result/backup 文件
  • ❌ 禁止把 🟢 可选建议写入 archive

问题怎么分级

等级含义示例是否写入 archive
🔴 阻塞性必须修复any 滥用、XSS、架构缺陷、严重性能问题
🟡 建议优化强烈建议命名规范、重复代码、错误处理缺失
🟢 可选建议非强制代码风格、文档完善

审查依据

Agent 会按项目技术栈对照:

  1. best-rules — 团队强制项(命名、async/await + try/catch、禁止 any、Vue <script setup> 等)
  2. vue-best-practices — Vue 3 项目
  3. vercel-react-best-practices — React / Next.js 项目
  4. typescript-best-practices — TypeScript 项目

审查产出在哪里

每次 CR 完成后,在被审查项目根目录生成:

code-review/
├── archive/                    # 知识库(建议提交 Git,团队共享)
│   ├── index.md
│   └── cases/
│       └── 001-xxx.md
├── result/                     # HTML 主报告(建议 gitignore)
│   └── feature-login-20250608-crr.html
└── backup/                     # Markdown 备份(建议 gitignore)
    └── feature-login-20250608-crr.md

首次在某项目使用时,建议在 .gitignore 追加:

.gitignore 建议
code-review/result/
code-review/backup/

archive/ 建议纳入版本控制,供团队共享防复犯知识。

HTML 报告包含:审查总结、历史问题回归检查、分级问题清单(含原代码与修复建议)、综合评估与是否建议合入。

典型工作流

功能开发完成、准备合入

在 Agent 中说「对最近一次任务变更做 code review」,选择选项 5

查看报告

浏览器会自动打开 code-review/result/*.html;Markdown 备份在 backup/ 目录。

修复 🔴 / 🟡 问题

按报告中的文件位置与修复示例改代码,必要时重新跑一轮 CR。

团队共享 archive

code-review/archive/ 提交到仓库,后续 CR 会自动做回归检查。

常见问题

审查通过时 archive 会更新吗?

若仅有 🟢 建议或无问题,不会新增 archive case;HTML/Markdown 报告仍会正常生成。

适合哪些人使用

  • 前端团队在合入前做 标准化 CR、减少「凭感觉 review」
  • 希望 CR 结论可归档、可回溯、可对比历史易错模式的组

相关链接

联系与反馈

如果你有审查流程改进建议、规范补充或配套 Skill 安装问题,欢迎在下面的评论区留言。