mcpField
C
create-react-native-library

create-react-native-library

github.com/ilteoood開発2406 回インストール1 週間前に更新
リポジトリ

create-react-native-library について

独立型またはアプリ内の React Native ライブラリを構成するスキルです。JavaScript ライブラリ、ネイティブモジュール、ネイティブ UI コンポーネントに応じた手順を案内します。

主な機能

  1. 01独立ライブラリのスキャフォールディング
  2. 02既存アプリへのローカルライブラリ追加
  3. 03ネイティブモジュールと UI コンポーネント
  4. 04ネイティブ SDK のラッピング手順

活用シーン

  1. 01npm 公開を想定したライブラリの作成
  2. 02既存アプリへのネイティブ機能の追加
  3. 03ネイティブ SDK の React Native への公開
  4. 04ネイティブビューコンポーネントの作成

インストール

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

$npx skills add https://github.com/ilteoood/harness --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

コメント