What problem does it solve? Reviewing React pull requests by hand is slow and easy to get wrong: hook dependency bugs, unsafe dangerouslySetInnerHTML usage, accessibility gaps, and server/client boundary leaks slip through. This Skill operationalizes a senior React reviewer that inspects .tsx/.jsx diffs and reports actionable findings grouped by severity. ## Core Features & Use Cases - React-specific code review: Audits hook rules, dependency arrays, state mutation, key props, derived state, and render performance in .tsx/.jsx files. - Security and accessibility checks: Flags unsanitized dangerouslySetInnerHTML, unsafe URL schemes, Server Actions without validation, leaked secrets via NEXT_PUBLIC_* variables, missing labels, and ARIA misuse. - Severity-ranked output: Reports findings as CRITICAL, HIGH, or MEDIUM with file path, line number, impact, and concrete fix, plus an approve/warning/block verdict. - Use Case: Before merging a Next.js pull request, run the review on the staged diff to catch a missing useEffect cleanup, a javascript: href, and a Server Action lacking input validation before they reach production. ## Quick Start Ask the agent to review the staged React changes in this project and report any hook, security, or accessibility issues with file and line references.
