create-react-native-library について
create-react-native-library で独立型またはアプリ内の React Native ライブラリを作る開発者向けのスキルです。実装前に、スキャフォールドかローカルライブラリの手順を選べるよう案内します。
主な機能
- 01独立した React Native ライブラリの雛形作成
- 02既存アプリへのローカルライブラリ追加
- 03ネイティブモジュールと UI コンポーネント対応
- 04公開用とローカル用の手順選択
活用シーン
- 01npm 公開を想定したライブラリの開始
- 02アプリ内でのネイティブ機能の公開
- 03React Native 向けネイティブ SDK のラップ
- 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.yamlreferences/local-library.mdscaffold-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 |
コメント
Markdown 対応