CallstackFrontendSKILL.mdVerified source

Agent Skill

React Native library creator

Create a React Native library with the Callstack incubator workflow and package checks.

react-nativelibrariesmobile

Skill specification

Declared by Callstack in the package front matter. Trigger conditions are what the coding agent matches on before it loads the skill.

React Native library creator SKILL.md front matter fields
Skill namecreate-react-native-library
Trigger conditionsScaffolds 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.
Declared licenseMIT

Install create-react-native-library

Agent Skills are a shared file format, but each client discovers them from a different directory. Copy the command for your agent, then start a new session so the skill is picked up.

Claude Code

.claude/skills/create-react-native-library/SKILL.md

Project skills are committed with the repo. Use the user directory for a personal install across every project.

Project install

mkdir -p .claude/skills/create-react-native-library && curl -fsSL 'https://raw.githubusercontent.com/callstackincubator/agent-skills/main/skills/create-react-native-library/SKILL.md' -o .claude/skills/create-react-native-library/SKILL.md

Personal install

mkdir -p ~/.claude/skills/create-react-native-library && curl -fsSL 'https://raw.githubusercontent.com/callstackincubator/agent-skills/main/skills/create-react-native-library/SKILL.md' -o ~/.claude/skills/create-react-native-library/SKILL.md

Codex

.agents/skills/create-react-native-library/SKILL.md

Codex reads `.agents/skills/` as its primary location, which is also the cross-platform default other clients honour.

Project install

mkdir -p .agents/skills/create-react-native-library && curl -fsSL 'https://raw.githubusercontent.com/callstackincubator/agent-skills/main/skills/create-react-native-library/SKILL.md' -o .agents/skills/create-react-native-library/SKILL.md

Personal install

mkdir -p ~/.agents/skills/create-react-native-library && curl -fsSL 'https://raw.githubusercontent.com/callstackincubator/agent-skills/main/skills/create-react-native-library/SKILL.md' -o ~/.agents/skills/create-react-native-library/SKILL.md

Cursor

.cursor/skills/create-react-native-library/SKILL.md

Cursor also loads `.agents/skills/`, `.claude/skills/`, and `.codex/skills/`, so one committed copy can serve several clients.

Project install

mkdir -p .cursor/skills/create-react-native-library && curl -fsSL 'https://raw.githubusercontent.com/callstackincubator/agent-skills/main/skills/create-react-native-library/SKILL.md' -o .cursor/skills/create-react-native-library/SKILL.md

Personal install

mkdir -p ~/.cursor/skills/create-react-native-library && curl -fsSL 'https://raw.githubusercontent.com/callstackincubator/agent-skills/main/skills/create-react-native-library/SKILL.md' -o ~/.cursor/skills/create-react-native-library/SKILL.md

GitHub Copilot

.github/skills/create-react-native-library/SKILL.md

Copilot in VS Code discovers repository skills from `.github/skills/`.

Project install

mkdir -p .github/skills/create-react-native-library && curl -fsSL 'https://raw.githubusercontent.com/callstackincubator/agent-skills/main/skills/create-react-native-library/SKILL.md' -o .github/skills/create-react-native-library/SKILL.md

Personal install

mkdir -p ~/.copilot/skills/create-react-native-library && curl -fsSL 'https://raw.githubusercontent.com/callstackincubator/agent-skills/main/skills/create-react-native-library/SKILL.md' -o ~/.copilot/skills/create-react-native-library/SKILL.md

Published by Callstack under MIT. Rendered from the package in github.com/callstackincubator/agent-skills/tree/main/skills/create-react-native-library.

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][scaffold-library] when creating a new library that may be published to npm
  • Use [local-library.md][local-library] 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-objc

References

FileDescription
[scaffold-library.md][scaffold-library]Scaffold a new library and default to the Expo example
[local-library.md][local-library]Add a local library to an existing app with autolinking

Problem -> Skill Mapping

ProblemStart With
Need a new library scaffold[scaffold-library][scaffold-library]
Need to add a local native library to an app[local-library][local-library]

[scaffold-library]: references/scaffold-library.md [local-library]: references/local-library.md

Add the registry badge

Maintainers can link this listing from the skill's own README. Free, no account needed, and it points back at the rendered package for anyone browsing the repo.

Markdown

[![React Native library creator on tokens&](https://tokensand.com/api/badges/skill/callstack-react-native-library)](https://tokensand.com/agent-skills/callstack-react-native-library)

HTML

<a href="https://tokensand.com/agent-skills/callstack-react-native-library" target="_blank" rel="noopener">
  <img src="https://tokensand.com/api/badges/skill/callstack-react-native-library" alt="React Native library creator on tokens&" />
</a>

More Callstack Agent Skills

All Agent Skills