Argent React Native Profiler

Profiles React Native apps running on Hermes to catch render bottlenecks and CPU hotspots. Starts both React and native profilers in parallel, captures commit trees with timing data, then ranks components by render cost. The workflow pushes you to drill down with query tools (call trees, commit cascades, hang stacks) rather than stop at surface metrics. What stands out is the emphasis on re-profiling after fixes to actually measure whether your change improved anything, regressed something else, or did nothing at all. Works alongside flow recording so you can replay the exact same interaction sequence for honest before and after comparisons.

skills.sh installs: 30K
GitHub stars: 3.2K
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add software-mansion/argent --skill argent-react-native-profiler --agent claude-code

Installs into .claude/skills of the current project.

Files

This skill is complementary to argent-react-native-optimization, not a replacement for it.

Physical iPhone: not supported; react-profiler-* reject kind: "device". Profile on a simulator.

1. Tools

React Profiler (Hermes / React commits)

react-profiler-start / react-profiler-stop: record CPU samples and React commits around an interaction.
react-profiler-analyze: turn the recording into a ranked report: hot commits with the JS functions that ran during each, and the file and line of each ranked component it finds in the project.
react-profiler-status: only after an interruption (debugger drop, Metro reload, pause, subagent handoff, any doubt), never otherwise. After a debugger drop, react-profiler-stop can no longer collect the run; check status before stopping or restarting.
react-profiler-fiber-tree: live component hierarchy, no session needed, for tracing a component's ancestry.