code-reviewer-react

Identify and fix React/TypeScript code quality issues during code reviews.

16|2|Updated Apr 11, 2026
One-click install
npx skills add https://github.com/mamamou/ai-coding-skills --skill code-reviewer-react
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: code-reviewer-react
Source: https://github.com/mamamou/ai-coding-skills/tree/main/code-reviewer-react
Command: npx skills add https://github.com/mamamou/ai-coding-skills --skill code-reviewer-react

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

React/TypeScript-specific code review overlay that extends the universal code-reviewer with React-aware rules to help teams catch pattern and correctness issues early in reviews.

Core Features & Use Cases

  • Extends the universal code-reviewer with React/TS-specific checks for components, hooks, context, Server Components, Client Components, React Router, TanStack Query, Zustand, Redux, and React Hook Form.
  • Applies during code reviews in monorepos to enforce consistent React coding standards across projects.
  • Use cases include PR reviews for React apps, component pattern verification, and detection of performance or security concerns in React code.

Quick Start

Enable the React overlay in your code-review workflow and run it against a React project to begin enforcing React-specific review rules.

Frequently Asked Questions about code-reviewer-react

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I automate React code reviews for common TypeScript issues?

Automate React code reviews by applying a metadata-driven overlay with React-specific checks to catch component and TypeScript issues during PR reviews. This enforces consistent coding standards across projects without manual inspection.

Can I check React Server Components and Client Components patterns in a code review?

Yes, you can verify Server Components and Client Components patterns during code reviews. The review process includes version-aware rules to ensure correct usage of React Server and Client Components architecture.

Does this React code review workflow work in a monorepo?

Yes, the React code review workflow works in monorepos and React projects of any size. It enforces consistent React coding standards across multiple projects within a monorepo during pull request reviews.

What is the best way to review React hooks and context for performance issues?

Review React hooks and context for performance issues by extending a universal code-reviewer with React-aware checks. This layered workflow applies specific rules for hooks, context, and state management to detect concerns early.

How do I review Zustand, Redux, and TanStack Query usage in React projects?

Review Zustand, Redux, and TanStack Query usage by running a React-specific code review overlay across your project. It validates state management and data fetching patterns alongside standard component and hook checks.

Do I need a base code-reviewer to run React-specific rules?

Yes, the React-specific rules extend a universal base code-reviewer with a layered workflow. The base checklist runs first, followed by React-aware checks for components, hooks, React Router, and React Hook Form.