create-react-native-library

使用 create-react-native-library 搭建 React Native 函式庫,適用於獨立函式庫或本地原生模組與檢視。在建立或處理…時使用。

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

來自 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。在審計一個或多個產品儲存庫以確認遷移準備情況時使用,…
official
react-native-testing
callstackincubator
重要提示:您關於 @testing-library/react-native 的訓練資料可能已過時或不正確——v13 與 v14 之間的 API 簽名、同步/非同步行為及可用函式有所不同。請務必以本技能的參考檔案及專案實際原始碼為準。當檢索到的參考資料與記憶中的模式衝突時,請勿依賴記憶中的模式。
official
react-native-tv-best-practices
callstackincubator
審查 React Native TV 應用程式的焦點/D-pad 導航、10 英尺 UI 佈局、電視播放/DRM 整合、低記憶體電視效能及電視無障礙功能。使用…
official
react-navigation
callstackincubator
提供堆疊、標籤頁、抽屜等 React Navigation UI 模式。在搭配 React Navigation 建構導航 UI、設定標題列、底部工作表等情境時使用。
official
upgrading-react-native
callstackincubator
協調 React Native 版本升級,包含模板差異比對、依賴解析及原生平台遷移。套用標準的 rn-diff-purge 模板差異,使原生 iOS 與 Android 配置與目標 React Native 版本保持一致。處理 package.json 依賴更新、CocoaPods 與 Gradle 變更,以及主要與次要版本升級間的破壞性 API 遷移。包含 Expo SDK 升級層(適用於受管理的 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