React Native Best Practices
vercel-labs/openreview
A prioritized rule set for React Native and Expo apps covering list performance, animation, navigation, UI patterns, state, rendering, monorepos and configuration.
Official agent skill
Create React Native Library
Scaffolds React Native libraries with create-react-native-library for standalone libraries or local native modules and views.
Install Create React Native Library
$ npx skills add callstackincubator/agent-skills --skill create-react-native-library -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install callstackincubator/agent-skills create-react-native-library --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/callstackincubator/agent-skills.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/create-react-native-library .claude/skills/create-react-native-library && rm -rf skills-srcUse ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.
Claude Code skills documentation · loads skills from .claude/skills/
Install the "create-react-native-library" agent skill from https://github.com/callstackincubator/agent-skills/tree/main/skills/create-react-native-library into .claude/skills/create-react-native-library/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "create-react-native-library", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/callstackincubator/agent-skills/tree/main/skills/create-react-native-libraryType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add callstackincubator/agent-skills --skill create-react-native-library -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install callstackincubator/agent-skills create-react-native-library --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/callstackincubator/agent-skills.git skills-src && mkdir -p .agents/skills && cp -r skills-src/skills/create-react-native-library .agents/skills/create-react-native-library && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "create-react-native-library" agent skill from https://github.com/callstackincubator/agent-skills/tree/main/skills/create-react-native-library into .agents/skills/create-react-native-library/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "create-react-native-library", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add callstackincubator/agent-skills --skill create-react-native-library -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install callstackincubator/agent-skills create-react-native-library --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/callstackincubator/agent-skills.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/skills/create-react-native-library .cursor/skills/create-react-native-library && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "create-react-native-library" agent skill from https://github.com/callstackincubator/agent-skills/tree/main/skills/create-react-native-library into .cursor/skills/create-react-native-library/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "create-react-native-library", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/callstackincubator/agent-skills.git --path skills/create-react-native-library--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add callstackincubator/agent-skills --skill create-react-native-library -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install callstackincubator/agent-skills create-react-native-library --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/callstackincubator/agent-skills.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/skills/create-react-native-library .gemini/skills/create-react-native-library && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "create-react-native-library" agent skill from https://github.com/callstackincubator/agent-skills/tree/main/skills/create-react-native-library into .gemini/skills/create-react-native-library/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "create-react-native-library", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install callstackincubator/agent-skills create-react-native-libraryInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add callstackincubator/agent-skills --skill create-react-native-library -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/callstackincubator/agent-skills.git skills-src && mkdir -p .github/skills && cp -r skills-src/skills/create-react-native-library .github/skills/create-react-native-library && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "create-react-native-library" agent skill from https://github.com/callstackincubator/agent-skills/tree/main/skills/create-react-native-library into .github/skills/create-react-native-library/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "create-react-native-library", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add callstackincubator/agent-skills --skill create-react-native-library -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install callstackincubator/agent-skills create-react-native-library --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/callstackincubator/agent-skills.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/skills/create-react-native-library .opencode/skills/create-react-native-library && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "create-react-native-library" agent skill from https://github.com/callstackincubator/agent-skills/tree/main/skills/create-react-native-library into .opencode/skills/create-react-native-library/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "create-react-native-library", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
Facts
- Skill name
create-react-native-library- GitHub stars
- 1.7k
- Token cost
- ~684 tokens
- SKILL.md length
- 176 words
- Files
- 4 (incl. references)
- Skills in repo
- 12
- Repo updated
- First seen
- Licence
- MIT
At a glance
Scaffolds React Native libraries with create-react-native-library for standalone libraries or local native modules and views.
- Working on React Native libraries
- SKILL.md covers Overview, When to Apply, Quick Reference and References, plus 1 more section
- Calls npx
- Adding native functionality in an existing app
What it does
Create React Native Library is an agent skill from callstackincubator/agent-skills, published by the product's own GitHub organization. Scaffolds React Native libraries with create-react-native-library for standalone libraries or local native modules and views. Use when creating or working on React Native libraries or adding native functionality in an existing app.
Its SKILL.md is about 680 tokens, which your agent loads only when the skill is triggered. The skill folder holds 5 other files, including reference files (for example `agents/openai.yaml`, `references/local-library.md` and `references/scaffold-library.md`).
It sits in Mobile, covering Cross-platform mobile apps. It works with React Native. The repository describes itself as: A collection of agent-optimized React Native skills for AI coding assistants. The licence is MIT.
When your agent uses it
- Working on React Native libraries
- Adding native functionality in an existing app
Example prompts
- “Use the create-react-native-library skill to scaffold React Native libraries with create-react-native-library for standalone libraries or local…”
- “/create-react-native-library”
Requirements
- Node.js
What it can do on your machine
Read from SKILL.md and the folder at commit 61e6e7d. It shows what the files ask for, not the result of running them.
Tool permissions
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Runs code
Shell commands in SKILL.md call:
npx
From the folder's file list and the shell code blocks in SKILL.md.
Network
No URLs in SKILL.md. Its commands use npx, which can reach the network depending on how they are called.
From URLs in SKILL.md, links to its own repository left out.
Credentials
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Context cost
Create React Native Library loads about 684 tokens when it runs, and up to ~2.8k if it reads all its reference files. Until then it costs about 65 tokens; SKILL.md has 176 words of instructions outside code blocks.
Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.
Safety
Auto-check passed
The automated check found no risky patterns in SKILL.md.
Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.
SKILL.md
The full file from callstackincubator/agent-skills at commit 61e6e7d, republished under its MIT licence (© callstackincubator). 176 words, ~684 tokens.
Download SKILL.mdSave it as
.claude/skills/create-react-native-library/SKILL.md (or your agent's skills folder). This skill also uses 3 other files; get the full folder from GitHub.- name
- create-react-native-library
- description
- Scaffolds React Native libraries with create-react-native-library for standalone libraries or local native modules and views. Use when creating or working on React Native libraries or adding native functionality in an existing app.
- license
- MIT
Create React Native Library
Overview
Use this skill to scaffold a standalone React Native library or a local library inside an existing app, then continue with the correct implementation docs.
Examples:
- JS-only library that may use other React Native libraries
- Native modules that expose native functionality to JavaScript
- Native UI components that render native views in React Native
Choose one flow first:
- Use scaffold-library.md when creating a new library that may be published to npm
- Use local-library.md when exposing native functionality in a React Native app
When to Apply
Use this skill when:
- Creating or working on a React Native library with
create-react-native-library - Creating a native module or view in an existing app
- Wrapping native SDKs and exposing them to React Native
Quick Reference
# Inspect current options before scaffolding
npx create-react-native-library@latest --help
# Scaffold a library with turbo modules and the Expo example app
npx create-react-native-library@latest awesome-library \
--no-interactive \
--yes \
--description "A brief description of the library" \
--type turbo-module \
--languages kotlin-objc \
--example expo
# Scaffold a local Turbo Module inside an existing app
cd MyApp
npx create-react-native-library@latest awesome-library \
--local \
--no-interactive \
--yes \
--description "A brief description of the library" \
--type turbo-module \
--languages kotlin-objcReferences
| File | Description |
|---|---|
| scaffold-library.md | Scaffold a new library and default to the Expo example |
| local-library.md | Add a local library to an existing app with autolinking |
Problem -> Skill Mapping
| Problem | Start With |
|---|---|
| Need a new library scaffold | scaffold-library |
| Need to add a local native library to an app | local-library |
© callstackincubator, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
Files
SKILL.md and 3 other files (references) in skills/create-react-native-library of callstackincubator/agent-skills.
- SKILL.md
- agents/openai.yaml
- references/local-library.md
- references/scaffold-library.md
Open the folder on GitHubat commit 61e6e7d
Compare with similar skills
Create React Native Library next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Create React Native Library this skillcallstackincubator/agent-skills | 1.7k | — | ~684 | Automated safety check: Pass | MIT | |
| React Native Best Practicesvercel-labs/openreview | 1.7k | 17 repos | ~1.1k | Automated safety check: Pass | MIT | |
| Creating Reanimated Animationsgluestack/gluestack-ui | 5.3k | — | ~2.4k | Automated safety check: Pass | None | |
| RtlGetStream/stream-chat-react-native | 1.2k | — | ~4.4k | Automated safety check: Pass | Custom licence | |
| Mobile App UI Designceorkm/mobile-app-ui-design | 400 | — | ~2k | Automated safety check: Pass | None | |
| Sleek Design Mobile Appssleekdotdesign/agent-skills | 583 | — | ~2.1k | Automated safety check: Pass | MIT |
Similar skills
- Official
Creating Reanimated Animations
gluestack/gluestack-ui
Generate React Native Reanimated animation code for React Native apps.
Rtl
GetStream/stream-chat-react-native
Audit and maintain RTL (right-to-left) layout compatibility in stream-chat-react-native.
Mobile App UI Design
ceorkm/mobile-app-ui-design
Design high-quality mobile app UI/UX screens, flows, and components.
Sleek Design Mobile Apps
sleekdotdesign/agent-skills
Design mobile app screens with Sleek, edit Sleek projects, and implement their designs in React Native or HTML.
Argent Metro Debugger
bbplayer-app/BBPlayer
Debug a JS runtime via CDP using argent debugger tools. An agent skill from bbplayer-app/BBPlayer.
More from callstackincubator/agent-skills
All 12 skills in this repo- Official
Dogfood
callstackincubator/agent-skills
Systematically explore and test a mobile app on iOS/Android with agent-device to find bugs, UX issues, and other problems.
- Official
Upgrading React Native
callstackincubator/agent-skills
Upgrades React Native apps to newer versions by applying rn-diff-purge template diffs, updating package.json dependencies, migrating native iOS and Android configuration, resolving CocoaPods and…
- Official
React Native Best Practices
callstackincubator/agent-skills
Provides React Native performance optimization guidelines for FPS, TTI, bundle size, memory leaks, re-renders, and animations.
- Official
React Native Testing
callstackincubator/agent-skills
Write tests using React Native Testing Library (RNTL) v13 and v14 (@testing-library/react-native).
- Official
Assess React Native Migration
callstackincubator/agent-skills
Assesses whether and how an existing mobile product should migrate to React Native.
- Official
GitHub Actions
callstackincubator/agent-skills
GitHub Actions workflow patterns for React Native iOS simulator and Android emulator cloud builds with downloadable artifacts.
Related
Works with
Categories
Questions about Create React Native Library
What does Create React Native Library do?
Scaffolds React Native libraries with create-react-native-library for standalone libraries or local native modules and views. Create React Native Library is an agent skill from callstackincubator/agent-skills, published by the product's own GitHub organization. Scaffolds React Native libraries with create-react-native-library for standalone libraries or local native modules and views.
When should I use Create React Native Library?
Create React Native Library fits situations like: working on React Native libraries; adding native functionality in an existing app.
How do I install Create React Native Library in Claude Code?
Run `npx skills add callstackincubator/agent-skills --skill create-react-native-library -a claude-code`. Or copy the skill folder (skills/create-react-native-library in callstackincubator/agent-skills) into .claude/skills/create-react-native-library in your project. Claude Code loads it when a task matches its description.
How do I install Create React Native Library in Codex?
Run `npx skills add callstackincubator/agent-skills --skill create-react-native-library -a codex`. Or copy the skill folder (skills/create-react-native-library in callstackincubator/agent-skills) into .agents/skills/create-react-native-library in your project. Codex loads it when a task matches its description.
Can I use Create React Native Library in Cursor, Gemini CLI or GitHub Copilot?
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add callstackincubator/agent-skills --skill create-react-native-library -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/create-react-native-library, .gemini/skills/create-react-native-library, .github/skills/create-react-native-library and .opencode/skills/create-react-native-library in your project.
What does Create React Native Library need to run?
Going by SKILL.md and its folder, Create React Native Library needs the command-line tools its instructions call (npx). Our summary lists: Node.js.
Does Create React Native Library access the network?
SKILL.md contains no URLs. Its commands use npx, which can reach the network depending on how they are called. This is read from the text; nothing was executed.
Is Create React Native Library safe to install?
Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.
What licence does Create React Native Library use?
Create React Native Library is published under the MIT licence (declared in SKILL.md). It allows redistribution, so the full SKILL.md is shown on this page.
How many tokens does Create React Native Library use?
About 684 tokens (SKILL.md is roughly 2.7k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 2.1k tokens, read only when the agent opens those files.
What are the alternatives to Create React Native Library?
Skills that share tags, products or a category with Create React Native Library: React Native Best Practices (vercel-labs/openreview, 1.7k stars), Creating Reanimated Animations (gluestack/gluestack-ui, 5.3k stars), Rtl (GetStream/stream-chat-react-native, 1.2k stars) and Mobile App UI Design (ceorkm/mobile-app-ui-design, 400 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains Create React Native Library?
callstackincubator (a GitHub organization, an official publisher) maintains it in callstackincubator/agent-skills, which has 1,664 GitHub stars. The repository holds 12 skills in this directory. The repository was last updated on October 6, 2026.
Source: callstackincubator/agent-skills on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.