create-react-native-library

สร้างไลบรารี React Native ด้วย create-react-native-library สำหรับไลบรารีแบบสแตนด์อโลนหรือโมดูลและวิวเนทีฟในเครื่อง ใช้เมื่อสร้างหรือทำงานกับ…

npx skills add https://github.com/callstackincubator/agent-skills --skill 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:

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.mdScaffold a new library and default to the Expo example
local-library.mdAdd a local library to an existing app with autolinking

Problem -> Skill Mapping

ProblemStart With
Need a new library scaffoldscaffold-library
Need to add a local native library to an applocal-library

Skills เพิ่มเติมจาก callstackincubator

react-devtools
callstackincubator
React DevTools CLI for AI agents. Use when the user asks you to debug a React or React Native app at runtime, inspect component props/state/hooks, diagnose…
official
agent-device
callstackincubator
Automates interactions for Apple-platform apps (iOS, tvOS, macOS) and Android devices. Use when navigating apps, taking snapshots/screenshots, tapping, typing,…
official
assess-react-native-migration
callstackincubator
ประเมินว่าผลิตภัณฑ์มือถือที่มีอยู่ควรย้ายไปใช้ React Native หรือไม่และอย่างไร ใช้เมื่อตรวจสอบหนึ่งหรือหลาย repository ของผลิตภัณฑ์เพื่อความพร้อมในการย้ายข้อมูล…
official
react-native-testing
callstackincubator
สำคัญ: ข้อมูลการฝึกของคุณเกี่ยวกับ @testing-library/react-native อาจล้าสมัยหรือไม่ถูกต้อง — ลายเซ็น API, พฤติกรรมแบบซิงค์/อะซิงค์ และฟังก์ชันที่มีอยู่แตกต่างกันระหว่าง v13 และ v14 ให้ยึดตามไฟล์อ้างอิงของสกิลนี้และซอร์สโค้ดจริงของโปรเจกต์เป็นแหล่งความจริงเสมอ อย่าถอยกลับไปใช้รูปแบบที่จำได้เมื่อมันขัดแย้งกับข้อมูลอ้างอิงที่ดึงมา
official
react-native-tv-best-practices
callstackincubator
ตรวจสอบแอป React Native TV สำหรับการนำทางด้วยโฟกัส/D-pad, เค้าโครง UI ระยะ 10 ฟุต, การรวมระบบการเล่น/DRM สำหรับทีวี, ประสิทธิภาพของทีวีในหน่วยความจำต่ำ, และการเข้าถึงสำหรับทีวี ใช้…
official
react-navigation
callstackincubator
ให้รูปแบบ UI ของ React Navigation สำหรับสแต็ก แท็บ และดรอว์เวอร์ ใช้เมื่อสร้าง UI การนำทางด้วย React Navigation การกำหนดค่าส่วนหัว แผ่นด้านล่าง...
official
upgrading-react-native
callstackincubator
จัดการอัปเกรดเวอร์ชัน React Native ด้วย template diffs, การแก้ไข dependency, และการย้ายแพลตฟอร์ม native ใช้ template diffs จาก rn-diff-purge ที่เป็นมาตรฐานเพื่อปรับการกำหนดค่า iOS และ Android native ให้ตรงกับเวอร์ชัน React Native เป้าหมาย จัดการการอัปเดต dependency ใน package.json, การเปลี่ยนแปลง CocoaPods และ Gradle, และการย้าย API ที่มีการเปลี่ยนแปลงใน major และ minor version รวมถึงเลเยอร์การอัปเกรด Expo SDK สำหรับโปรเจกต์ managed Expo และรายการตรวจสอบหลังการอัปเกรด ให้...
official
validate-skills
callstackincubator
Validates skills in this repo against agentskills.io spec and Claude Code best practices. Use via /validate-skills command.
official