菜单
React/Next.js 代码审查规则。当审查 JSX/TSX 文件（React 项目）时套用。检查组件设计、Hooks 使用、状态管理、性能、安全（XSS）。
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
Angular 代码审查规则。当审查 Angular 项目的 .ts 文件（组件/服务/Directive）时套用。检查 DI、RxJS 订阅管理、Signals、Change Detection、模板安全（[innerHTML] XSS）。
跨语言通用代码质量规则。当没有匹配的语言特定 skill 时作为 fallback 使用。适用于函数复杂度、命名规范、死代码、魔法数字。
Go 代码审查规则。当审查 .go 文件时套用。检查错误处理、goroutine 生命周期、接口设计、命名惯例、defer 使用。
Java 代码审查规则。当审查 .java 文件时套用。检查异常处理、资源管理（try-with-resources）、Optional 使用、Stream API、安全漏洞。
Python 代码审查规则。当审查 .py 文件时套用。检查类型注解、异常处理、命名规范、函数复杂度、安全漏洞（eval/exec/pickle/yaml.load/os.system）。
Ruby 代码审查规则。当审查 .rb 文件时套用。检查安全性（eval/命令注入/反序列化）、异常处理、元编程规范、代码块使用惯例。
| name | react_patterns |
| description | React/Next.js 代码审查规则。当审查 JSX/TSX 文件（React 项目）时套用。检查组件设计、Hooks 使用、状态管理、性能、安全（XSS）。 |
| category | style |
| reviewer_type | style |
| languages | ["typescript","javascript"] |
| frameworks | ["react","next"] |
.jsx/.tsx 文件*.test.tsx, *.spec.tsx, __tests__/）→ 测试组件简化规则*.stories.tsx）→ 演示代码*.d.ts）→ 不审查next.config.*, vite.config.*）→ 不同规则node_modules/）→ 不审查*.server.ts, API routes 的纯数据处理逻辑）→ Hooks 规则不适用dangerouslySetInnerHTML={{ __html: userContent }} → errorref.current.innerHTML = userContent → errorhref="javascript:{userInput}" → erroreval() / new Function() 在客户端代码中 → errorNEXT_PUBLIC_* 环境变量含敏感凭证 → error（被打包进客户端 JS）any)useEffect → warninguseCallback/useMemo 过度使用在简单场景 → info（不用反而更快）useState for derived values → warning（应用 useMemo 或直接计算）React.memo for expensive pure componentskey prop in list rendering → errorTrue Positive: Causes bugs, performance problems, or security issues. Confidence > 0.7.
False Positive:
useCallback/useMemo 未在简单组件中使用 — 过早优化反而有害useEffect 空依赖数组但内部只用 props/state 的初始值 — 可能是故意的any 类型在复杂的泛型推导场景中有时是唯一可行方案