Skills
.Work. You
Rest

react-perf-check

Community

Catch React performance bugs before UI lag.

Software Engineering#performance#debugging#frontend#react#optimization#memoization#useeffect
Authoremanuelrechsteiner
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Detects common React performance anti-patterns that cause unnecessary re-renders, UI lag, or unexpected behavior. Focus on patterns that are easy to introduce but hard to debug.

Core Features & Use Cases

  • State/ref conflict identification and guidance to avoid overwriting DOM updates
  • useEffect dependency management and memoization guidance to reduce unnecessary re-renders
  • Guidance for expensive calculations and animation performance optimization

Quick Start

Run a local audit of a React codebase to identify performance anti-patterns and generate a prioritized report.

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-perf-check
Download link: https://github.com/emanuelrechsteiner/FairSplit/archive/main.zip#react-perf-check

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 223,000+ vetted skills library on demand.