argent-react-native-profiler

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.