argent-react-native-profiler
argent-react-native-profiler is a performance analysis tool for React Native developers who need to diagnose and resolve app slowdowns. It captures CPU usage and rendering metrics to pinpoint inefficiencies in your codebase. Use it to systematically improve frame rates, reduce jank, and deliver faster, smoother mobile experiences.
argent-react-native-profiler captures CPU usage and rendering metrics to help you diagnose app slowdowns. The tool systematically measures frame rates and identifies jank sources, enabling you to pinpoint inefficiencies in your codebase and deliver faster, smoother mobile experiences.
AI-generated summary based on this skill's SKILL.md
Install
software-mansion/argent/argent-react-native-profiler · repository language: TypeScript
git clone https://github.com/software-mansion/argent
cp -r argent/packages/skills/skills/argent-react-native-profiler ~/.claude/skills/argent-react-native-profilerFrequently asked questions
AI-generated answers based on this skill's SKILL.md and metadata
How to profile React Native app performance with argent-react-native-profiler?
argent-react-native-profiler captures CPU usage and rendering metrics to help you diagnose app slowdowns. The tool systematically measures frame rates and identifies jank sources, enabling you to pinpoint inefficiencies in your codebase and deliver faster, smoother mobile experiences.
Can argent-react-native-profiler measure re-render times in Hermes?
Yes. argent-react-native-profiler is designed to measure re-render times in Hermes-based React Native apps. It identifies slow components and re-render hotspots, helping you spot which parts of your app are causing performance regressions and where optimization efforts should focus.
How does argent-react-native-profiler find slow components?
argent-react-native-profiler analyzes React commit timing and CPU usage patterns to identify slow components. It generates ranked performance issue reports that highlight the most critical bottlenecks, allowing you to prioritize optimization work and validate fixes with before/after profiling comparisons.
What does argent-react-native-profiler measure for CPU hotspots?
argent-react-native-profiler profiles React Native app CPU hotspots by capturing detailed CPU usage data and render duration metrics. It helps diagnose performance regressions and validates fixes, enabling you to systematically improve your app's responsiveness and reduce frame rate drops.
Can I use argent-react-native-profiler to validate performance fixes?
Yes. argent-react-native-profiler supports before/after profiling to diagnose performance regressions and validate fixes. This capability lets you measure the impact of your optimizations and confirm that changes actually improve CPU usage, render times, and overall app smoothness.
What license does argent-react-native-profiler use?
argent-react-native-profiler is distributed under the Apache-2.0 license, making it open-source and freely available for both commercial and personal use with appropriate attribution.
SKILL.md
rendered from the published skill — quoted content, verbatim
This skill is complementary to argent-react-native-optimization, not a replacement for it.
2. Tool Overview
React Profiler (Hermes / React commits)
| Tool | Purpose |
|---|---|
react-profiler-start |
Start CPU sampling + inject React commit-capture hook. Optional: |
(truncated - see the full file via the links below)
Read as markdown · JSON record · Browse the source repository
File tree — 2 files
packages/skills/skills/argent-react-native-profiler/SKILL.md
packages/skills/skills/argent-react-native-profiler/references/diagnostic-tools.md