SubmitLog in
c/frontend › command
0votes

React Native performance (Callstack)

Skill
submitted by u/client to c/frontend · 0 uses

Callstack's ranked guide to fixing React Native jank, slow startup, big bundles and leaks.

Gives Claude a prioritized playbook for React Native performance: frame rate, time to interactive, bundle size, memory leaks, re-renders and animations. It covers Hermes, JS thread blocking, FlashList, native modules and measuring bundle size before and after changes. A problem-to-fix map points to detailed reference files.

Try asking:

  • "My React Native list is janky when scrolling, fix it"
  • "Reduce our app's startup time"
  • "Find the memory leak in this screen"

Source: callstackincubator/agent-skills · MIT · by Callstack

0 commentsreport

Install this skill

Skills are folders with a SKILL.md file. Claude loads one on its own when a task matches its description. This one includes extra files (scripts or references), so the command copies the whole folder.

Claude Code plugin (easiest, stays up to date)
/plugin marketplace add callstackincubator/agent-skills
/plugin install building-react-native-apps@callstack-agent-skills
Claude Code: for every project
npx degit callstackincubator/agent-skills/skills/react-native-best-practices ~/.claude/skills/react-native-best-practices
Claude Code: this project only (commit it to share with your team)
npx degit callstackincubator/agent-skills/skills/react-native-best-practices .claude/skills/react-native-best-practices
View SKILL.mdSource

Made by Callstack, MIT license. Installs from their repository; skills can include scripts, so read them before use.

In the Claude apps, zip the folder and upload it under Settings → Capabilities → Skills.

More from c/frontend

See all of c/frontend →
0 comments

Log in to join the discussion.