技能介绍

解决的问题

前端仓库里的 diff 审查容易陷入泛泛而谈：只看到代码风格，却忽略 API 空字段、异步竞态、路由权限回归、响应式丢失等会导致线上问题。项目改动审查清单 把审查约束为一次面向合并动作的工程检查，重点覆盖 正确性、回归风险、类型安全、响应式安全、可维护性和发布准备度。

技能如何工作

它要求按固定顺序输出结论，而不是先写摘要再找问题：

Critical：合并前必须修复。
Major：高优先级修复。
Minor：一致性与改进项。
Test Gaps：缺少验证用例。
Pass Summary：列完问题后再给通过说明。

执行时先收集 diff 上下文，优先关注 src/views、src/components、src/composables、src/router 中的变更。随后做三类扫描：正确性与回归检查未防护的 API 响应结构、异步 stale state、loading/error/empty 状态、未处理 promise rejection、try/catch 静默失败和路由权限回归；Vue 3 + TypeScript 规则检查 ref / reactive 使用、any、注入类型、响应式解构丢失和过度 watch；UI 与测试风险检查语义化 HTML、scoped 样式、BEM 命名、DOM 嵌套、共享组件状态一致性，以及边界用例和手动验证路径。

适用边界

这个清单更适合已经采用 Vue 3、TypeScript、组合式 API 的项目，尤其是包含路由、权限、API 状态和复杂 UI 交互的仓库。它不是泛用 lint，也不替代自动测试；当项目没有这些约定时，需要先把 Vue 规则、样式约定和测试策略映射成团队自己的检查项，否则会产出大量与项目无关的噪声。