react-native-best-practices: a Claude Code skill by Callstack Incubator
Official
For React Native developers chasing dropped frames, slow startup, big bundles or memory leaks. Skip it if you are not on React Native or have no measured performance problem yet.
High-risk warning At least one scanner rated it high risk, so we keep it out of the top ten. Read its code before you install it.
- Score
- 71of 100
- Rank
- #166of 239
- Installs
- 32.1Kon skills.sh
- Security
- Warning 5 scanners
- Updated
- 2026
- Context
- ~75tokens always
Install
npx skills add https://github.com/callstackincubator/agent-skills --skill react-native-best-practices Run it in your terminal. View the source
Using the Claude app rather than Claude Code? You can add a skill there too. How to add it in the app
What does react-native-best-practices do?
react-native-best-practices is a skill that guides Claude through React Native performance work, based on Callstack's optimization guide. Every fix follows one loop: measure a baseline, apply a targeted change, measure again, and revert if the numbers did not improve. It ranks problems by impact, with FPS, re-renders and bundle size first, then startup time, native code, memory and animations. Claude profiles with agent-device react-devtools, analyzes bundles with source-map-explorer, and opens one of about 30 reference files, from FlashList and Reanimated worklets to Turbo Modules, R8 shrinking and Android 16 KB alignment. It forbids suggesting memoization without profiler evidence.
When should you use react-native-best-practices?
Use it when
- Lists or animations stutter in your React Native app
- Cold start time feels too long
- You need to shrink the JS bundle or app size
Skip it when
- Your app is web React, not React Native
- You have no performance problem to measure
What it needs and what it can touch
You need
- A React Native project
- The agent-device CLI for profiling (optional, DevTools works by hand)
What it can do
- Runs shell commands (agent-device, npx react-native bundle, source-map-explorer)
- Reads and edits project files
From reading its instructions, not from running it.
Why it scores 71
Strongest on trust (94 of 100), weakest on adoption (45).
Is react-native-best-practices safe to install?
At least one scanner rated it high risk, so we keep it out of the top ten. Read its code before you install it. Scanners often miss what other scanners catch, and a skill can change after a scan. Read its source before you install it.
| Scanner | Result | Date |
|---|---|---|
| Gen Agent Trust Hub | Passed | Sep 14, 2026 |
| Socket | Passed | Sep 14, 2026 |
| Snyk | Low risk | Sep 14, 2026 |
| Runlayer | High risk | Feb 26, 2026 |
| ZeroLeaks | Passed | Apr 16, 2026 |
Details
- Installs
- 32,140
- Repository stars
- 1,706
- Last repository change
- Tokens always loaded
- about 75
- Tokens when used
- about 2,993
- License
- MIT
- Data confidence
- High
Did it do the job for you?
Alternatives to react-native-best-practices
All skills for this job-
Get argent-react-native-optimizationargent-react-native-optimization
For React Native developers chasing slow screens, jank or extra re-renders who want measurement before changes.
-
Get vercel-react-best-practicesvercel-react-best-practices
For React and Next.js developers who want slow pages and heavy bundles fixed by a ranked rulebook.
-
Get insforge-debuginsforge-debug
For developers on InsForge chasing an error, a slow endpoint or a pre-launch audit.
- Get argent-android-emulator-setup
argent-android-emulator-setup
For mobile developers using Argent who need Claude to boot and connect to an Android emulator.
react-native-best-practices Get react-native-best-practices