argent-react-native-profiler
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: sample_interval_us (default 100). |
react-profiler-stop |
Stop recording; stores cpuProfile + commitTree in session. |
react-profiler-status |
Call if you were interrupted in the middle of the flow, never in another scenario (debugger drop, Metro reload, pause, subagent handoff, any doubt). Returns session_status: "active" | "taken_over" | "stopped" | "no_react_runtime". Side-effect free. |
react-profiler-analyze |
Run pipeline -> report with CPU-enriched hot commits, sorted by totalRenderMs DESC. Saves raw data to disk. |
react-profiler-component-source |
AST lookup: file, line, memoization status, 50 lines of source for a component. |
react-profiler-renders |
Live fiber walk: render counts + durations per component (no profiling session required). |
react-profiler-fiber-tree |
Live fiber walk: full component hierarchy as JSON. |
Drill-Down Query Tools (call after analyze)
More from software-mansion/argent
argent-test-ui-flow
Autonomously test an app UI (iOS or Android) by running interact-screenshot-verify loops using argent MCP tools. Use when testing a UI flow, verifying login works, testing navigation, or running an end-to-end UI test scenario.
9argent-create-flow
Record a reusable flow (scripted sequence of MCP tool calls) that can be replayed later with a single command. Use when the user asks to create, record, or build a flow, or to script a sequence of simulator actions.
9argent-metro-debugger
Debug a React Native app via Metro CDP using argent debugger tools. Use when connecting to Metro, inspecting React components, reading console logs, or evaluating JavaScript in the app runtime.
9argent-react-native-app-workflow
Step-by-step workflows for developing or debugging React Native apps on iOS simulator or Android emulator. Use when starting the app, debugging Metro, fixing builds, diagnosing runtime errors, or running tests.
9argent-react-native-optimization
Optimizes a React Native app by profiling first to find real bottlenecks, then sweeping for mechanical issues. Entry-point for all performance work. Use when the app feels slow, user asks to optimize, fix re-renders, reduce jank, or improve startup. Delegates to argent-react-native-profiler for measurement.
8argent-device-interact
Interact with an iOS simulator or Android emulator using argent MCP tools. Use when tapping UI elements, performing gestures, scrolling, typing text, pressing hardware buttons, launching apps, opening URLs, taking screenshots.
6