React Component Reviewer

What this skill does

This skill directs the agent to review a specific React component or file against modern React best practices. It specifically checks for:

• Unnecessary re-renders (missing useMemo/useCallback)
• Accessibility violations (missing ARIA attributes, improper semantics)
• Stale closures in useEffect or event handlers
• Prop drilling that could be solved with Context or component composition
• Proper TypeScript typing

How to use

Claude Code / Antigravity

Copy this file to .agents/skills/react-code-reviewer/SKILL.md in your project. Then ask the agent: "Review components/MyComponent.tsx using the React Component Reviewer skill."

Cursor