react-reviewer

Review React 18 and TypeScript code for correctness, performance, and accessibility.

19|4|Updated Mar 1, 2026
One-click install
npx skills add https://github.com/j7-dev/everything-github-copilot --skill react-reviewer
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: react-reviewer
Source: https://github.com/j7-dev/everything-github-copilot/tree/main/skills/react-reviewer
Command: npx skills add https://github.com/j7-dev/everything-github-copilot --skill react-reviewer

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill addresses common pitfalls in React 18 and TypeScript development, ensuring code quality, performance, and accessibility.

Core Features & Use Cases

  • Comprehensive Code Analysis: Reviews React/TSX code for correctness, performance, accessibility, and adherence to modern patterns.
  • Specialized Checks: Focuses on hooks correctness, performance optimization, TypeScript typing, accessibility standards, and state management best practices.
  • Use Case: When submitting a new React component or a set of modifications, use this skill to get a detailed review covering potential bugs, performance bottlenecks, and accessibility issues before merging.

Quick Start

Use the react-reviewer skill to analyze the attached React component file.

Frequently Asked Questions about react-reviewer

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

FAQPage Schema
How do I review React 18 hooks for correctness and performance issues?

To review React 18 hooks for correctness and performance, analyze TSX code modifications to identify potential bugs, performance bottlenecks, and state management issues. This process verifies hook correctness and applies modern performance optimization patterns.

What is the best way to check TypeScript typing and accessibility standards in React components?

The best way to check TypeScript typing and accessibility standards in React components is through comprehensive code analysis. This reviews TSX modifications to enforce TypeScript typing rules and verify adherence to modern accessibility best practices before merging.

Can I use this code review process for debugging React state management and component modifications?

Yes, you can use this code review process for debugging React state management and component modifications. It evaluates all React and TSX code changes to detect potential bugs and verify state management best practices.

Does this React code review cover modern patterns for performance optimization?

Yes, this React code review covers modern patterns for performance optimization. It analyzes your TSX code to identify performance bottlenecks and ensures adherence to modern React 18 performance patterns.

Why does my React 18 component have performance bottlenecks and how can I find them?

Your React 18 component may have performance bottlenecks due to inefficient hooks or state management. You can find them by running a specialized code review that analyzes TSX modifications for performance optimization and hook correctness.

When do I need to run a comprehensive code analysis on my TSX files?

You need to run a comprehensive code analysis on your TSX files when submitting a new React component or modifications. This review identifies potential bugs, performance issues, and accessibility problems before merging.