mcpField
C
create-react-native-library

create-react-native-library

github.com/callstackincubator開発1.7k4.5k 回インストール3 週間前に更新
リポジトリ

create-react-native-library について

create-react-native-library で独立型またはアプリ内の React Native ライブラリを作る開発者向けのスキルです。実装前に、スキャフォールドかローカルライブラリの手順を選べるよう案内します。

主な機能

  1. 01独立した React Native ライブラリの雛形作成
  2. 02既存アプリへのローカルライブラリ追加
  3. 03ネイティブモジュールと UI コンポーネント対応
  4. 04公開用とローカル用の手順選択

活用シーン

  1. 01npm 公開を想定したライブラリの開始
  2. 02アプリ内でのネイティブ機能の公開
  3. 03React Native 向けネイティブ SDK のラップ
  4. 04自動リンク対応ローカルライブラリの追加

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/callstackincubator/agent-skills --skill create-react-native-library

インストール後、Claude Code で/create-react-native-libraryを入力して読み込まれたか確認します。

同梱ファイル

SKILL.md と一緒にインストールされる参考資料やスクリプト。

agents/
openai.yaml
references/
local-library.md
scaffold-library.md

詳細

React Native ライブラリの作成

概要

このスキルを使うと、単独の React Native ライブラリ、または既存アプリ内のローカルライブラリをひな形から作成し、適切な実装ドキュメントに沿って作業を進められます。

例:

  • 他の React Native ライブラリを利用する場合がある、JS のみのライブラリ
  • JavaScript にネイティブ機能を公開するネイティブモジュール
  • React Native でネイティブビューを描画するネイティブ UI コンポーネント

まず、いずれかのフローを選択します。

  • npm で公開できる新しいライブラリを作成する場合は、scaffold-library.md を使用します
  • React Native アプリでネイティブ機能を公開する場合は、local-library.md を使用します

適用する場面

次の場合にこのスキルを使用します。

  • create-react-native-library を使って React Native ライブラリを作成する、またはそのライブラリで作業する場合
  • 既存アプリにネイティブモジュールやビューを作成する場合
  • ネイティブ SDK をラップし、React Native に機能を公開する場合

クイックリファレンス

# 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

リファレンス

ファイル説明
scaffold-library.md新しいライブラリのひな形を作成し、デフォルトで Expo のサンプルを使用します
local-library.md自動リンクを使って既存アプリにローカルライブラリを追加します

問題 -> スキルの対応

問題最初に参照するもの
新しいライブラリのひな形が必要scaffold-library
アプリにローカルのネイティブライブラリを追加する必要があるlocal-library

コメント