1. Habit
  2. Skills
  3. Argent React Native Optimization skill
software-mansion · 26K installs

Argent React Native Optimization skill
Runs by itself, weekly performance sweep.

The app gets measurably faster.

Install the Argent React Native Optimization skill and make it a habit: follow https://gethabit.dev/skills/software-mansion/argent-react-native-optimization.md

  1. 1Copy
  2. 2Paste into Claude Code, Codex or Cursor
  3. 3It runs by itself

26K installs3K starsApache-2.0 licenceSource on GitHub ↗

Argent React Native Optimization

by software-mansion · 26K installs

The skill

The argent react native optimization skill helps React Native developers speed up apps by measuring first, then running lint, semantic and profiling sweeps with one fix per cycle.

Only when you ask.

The habit

The app gets measurably faster.

↻ Runs by itselfweekly performance sweep

How the habit works.
You don't have to.

Three questionsWhen does it start? How does it check its work? What does it remember?

One run, step by step.
Then it stops.

Stop ruleStops after three profiling cycles per run, with one architectural fix per cycle.

  1. 01

    Set the target

    The agent reads the log and sets a target metric with a threshold before touching code.

  2. 02

    Lint sweep

    It runs ESLint once at the root and sends one sub-agent per file to fix results.

  3. 03

    Semantic sweep

    It sends one sub-agent per checklist item, such as memoization, lists, animations and effect cleanup.

  4. 04

    Record the flow

    It records the device interaction as an e2e test with argent-create-e2e so every cycle replays the same steps.

  5. 05

    Profile

    It loads argent-react-native-profiler, runs the key flows and analyzes with react-profiler-analyze, native-profiler-analyze and profiler-combined-report.

  6. 06

    Fix one offender

    It applies one architectural fix, checks it with debugger-evaluate, then re-measures and reverts if there is no net gain.

  7. 07

    Check regressions

    It walks the screens with argent-device-interact and checks debugger-log-registry for errors.

  8. 08

    Re-lint and log

    It runs lint again and writes the metrics to the run log.

What it may do.
Nothing more.

Safe by defaultIt writes only in its own folder and asks you before anything goes out.

Is it for you?
Use it when it fits.

Quick checkRead both lists. If the left one sounds like you, the Argent React Native Optimization skill helps.

Use it when

  • ✓ The app feels slow or janky
  • ✓ Components re-render too often
  • ✓ Startup takes too long

Skip it when

  • – You have no simulator or emulator
  • – You only want a code style cleanup

Questions

Argent React Native Optimization skill, answered.

Will it add useMemo everywhere?

No. If react-profiler-analyze reports the React Compiler is on, the skill forbids that unless a compiler bail-out is confirmed.

Can sub-agents use the device?

No. The skill keeps all profiling and e2e checks in the main agent.

How do I install the Argent React Native Optimization skill?

Copy the prompt at the top into your agent. It installs the skill from software-mansion/argent and sets up the habit. Or run npx skills add software-mansion/argent --skill argent-react-native-optimization.

Is the Argent React Native Optimization skill free?

Yes. It is published under Apache-2.0. Habit is free too.

Argent React Native Optimization. Now as a habit.

Install the Argent React Native Optimization skill and make it a habit: follow https://gethabit.dev/skills/software-mansion/argent-react-native-optimization.md

  • Free
  • No account
  • Undo in one line

All software-mansion skills →More code skills →

Works in

  • Claude Code
  • Codex
  • Cursor
  • ChatGPT
  • Claude app

Made by software-mansion, published under Apache-2.0. Habit links to the original and never changes it. Is this your skill?

Copying didn't work here. Select the line and copy it by hand.