القائمة
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 类型在复杂的泛型推导场景中有时是唯一可行方案