Skills
.Work. You
Rest

React Component Reviewer

Community

Audit React components for perf & accessibility.

Software Engineering#typescript#performance#accessibility#react#hooks#best-practices#code-review
AuthorNotysoty
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Analyzes React components to identify performance bottlenecks, accessibility issues, and outdated hook usage, enabling faster, safer UI reviews.

Core Features & Use Cases

  • Performance: detects unnecessary re-renders, missing memoization, and stale closures in useEffect.
  • Accessibility: checks for ARIA attributes, semantic HTML, and keyboard navigability.
  • Architecture: highlights prop drilling opportunities and suggests composition or context-based alternatives.
  • Use Case: execution during code reviews or PR checks for React projects (with or without TypeScript).

Quick Start

Ask the agent to review a component file such as src/components/MyComponent.tsx using the React Component Reviewer.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: React Component Reviewer
Download link: https://github.com/Notysoty/openagentskills/archive/main.zip#react-component-reviewer

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.