create-react-native-library について
独立型またはアプリ内の React Native ライブラリを構成するスキルです。JavaScript ライブラリ、ネイティブモジュール、ネイティブ UI コンポーネントに応じた手順を案内します。
主な機能
- 01独立ライブラリのスキャフォールディング
- 02既存アプリへのローカルライブラリ追加
- 03ネイティブモジュールと UI コンポーネント
- 04ネイティブ SDK のラッピング手順
活用シーン
- 01npm 公開を想定したライブラリの作成
- 02既存アプリへのネイティブ機能の追加
- 03ネイティブ SDK の React Native への公開
- 04ネイティブビューコンポーネントの作成
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/ / github.com/ ilteoood/ harness --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 対応