react-scan-audit
CommunityPinpoint and fix React render bottlenecks.
Authorjangtrinh
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This audit workflow helps teams identify and reduce rendering bottlenecks in React applications by systematically profiling frames per second and re-render hotspots.
Core Features & Use Cases
- End-to-end performance auditing across pages and routes to surface slow components and render cascades.
- Overlay-guided diagnostics that visualize re-renders and FPS in development for quick triage.
- Validation workflow to confirm improvements after optimizations and to maintain a performance baseline across releases.
- Use Case: A developer wants to scan a large React app for missed re-renders and unstable props, then implement memoization and code-splitting to improve FPS.
Quick Start
Run the audit workflow on a running development server to begin collecting FPS data and render-hotspot information.
Dependency Matrix
Required Modules
None requiredComponents
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-scan-audit Download link: https://github.com/jangtrinh/EaseUI-Agent/archive/main.zip#react-scan-audit Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.