# React Native Best Practices (agent skill)

> React Native Best Practices is an agent skill (a SKILL.md file) from callstackincubator/agent-skills. It provides React Native performance optimization guidelines for FPS, TTI, bundle size, memory leaks, re-renders, and animations. It works with Claude Code, Codex, Cursor, Gemini CLI, GitHub Copilot and OpenCode and has 1,684 GitHub stars across a repository of 2 listed skills.

Provides React Native performance optimization guidelines for FPS, TTI, bundle size, memory leaks, re-renders, and animations. Applies to tasks involving Hermes optimization, JS thread blocking, bridge overhead, FlashList, native modules, or debugging jank and frame drops. Performance optimization guide for React Native applications, covering JavaScript/React, Native (iOS/Android), and bundling optimizations. Based on Callstack's "Ultimate Guide to React Native Optimization".

## Key facts

| Fact | Value |
|---|---|
| Repository | https://github.com/callstackincubator/agent-skills |
| Skill path | skills/react-native-best-practices/SKILL.md |
| Skill name | react-native-best-practices |
| GitHub stars | 1,684 |
| Installs on skills.sh | not listed |
| License | MIT |
| Skills in repo | 2 |
| Plugin marketplace | callstack-agent-skills |
| Official | yes |
| Works with | Claude Code, Codex, Cursor, Gemini CLI, GitHub Copilot, OpenCode |
| Category | Design & frontend |
| Last commit | Oct 8, 2026 |

## Add this skill

### Claude Code

```sh
/plugin marketplace add callstackincubator/agent-skills
/plugin   # browse callstack-agent-skills and install the plugin that contains react-native-best-practices
```

In the Claude apps, zip the skill folder and upload it under Customize > Skills > + > Upload a skill (code execution must be on).

### ChatGPT / Codex

```sh
git clone --depth 1 https://github.com/callstackincubator/agent-skills.git
cp -r agent-skills/skills/react-native-best-practices .agents/skills/react-native-best-practices   # repo; ~/.agents/skills for all projects
```

### Cursor

```sh
git clone --depth 1 https://github.com/callstackincubator/agent-skills.git
cp -r agent-skills/skills/react-native-best-practices .cursor/skills/react-native-best-practices   # project; ~/.cursor/skills for all projects
```

Sources (checked 2026-10-07): https://code.claude.com/docs/en/skills, https://support.claude.com/en/articles/12512180-using-skills-in-claude, https://learn.chatgpt.com/docs/build-skills, https://cursor.com/docs/context/skills

---

Canonical page: https://appsgit.com/skills/callstackincubator-react-native-best-practices
Source: appsgit (https://appsgit.com), the app store for github. Data from the GitHub API, refreshed daily.
Machine access: JSON API https://appsgit.com/api/v1/apps (OpenAPI: https://appsgit.com/openapi.json), MCP server https://mcp.appsgit.com/mcp, full index https://appsgit.com/llms-full.txt.