What problem does it solve?
This Skill identifies which React components and commits cause excessive re-renders and high CPU usage in a React Native Hermes app so you can pinpoint performance bottlenecks instead of guessing.
Core Features & Use Cases
- React commit + CPU profiling: Start Hermes/React commit capture and CPU sampling to measure what changed and how expensive each commit is.
- Ranked performance reports: Generate an analysis report that enriches CPU hotspots per commit and sorts by total rendering cost.
- Targeted drill-down: Use CPU/commit/cascade queries to trace hot functions, identify the slowest components, and inspect re-render cascades.
- (Optional) native correlation: When native profiling is also run, produce a combined report that correlates iOS Instruments hangs with React commits.
- Reproducible flows: Use flow recording/execution for consistent interaction sequences across before/after profiling runs.
Quick Start
Profile your app’s performance by running react-profiler-start, executing the exact user interaction that reproduces the slowdown, then running react-profiler-analyze and reviewing the ranked hot commits report.