mcpField
R
react-native-project-creater

react-native-project-creater

github.com/full-stack-skills開発2124 回インストール5 週間前に更新
リポジトリ

react-native-project-creater について

React Native CLIやテンプレートで新しいReact Nativeプロジェクトを作る開発者向けのスキルです。TypeScriptの選択やネイティブ構成の初期化を扱い、バージョンの統一も案内します。

主な機能

  1. 01CLIまたはテンプレートで作成
  2. 02TypeScriptとテンプレートの選択
  3. 03依存関係、Metro、ネイティブ構成の初期化
  4. 04命名規則とバージョン管理の指針

活用シーン

  1. 01React Nativeプロジェクトの新規作成
  2. 02Android、iOS、Metro構成のセットアップ

インストール

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

$npx skills add https://github.com/full-stack-skills/react-skills --skill react-native-project-creater

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

同梱ファイルagents/openai.yamlLICENSE.txt

詳細

このスキルを使う場面

次のようなことをユーザーが希望する場合は、このスキルを使用してください。

  • React Native CLI またはテンプレートを使って新しい RN プロジェクトを作成し、テンプレートと設定を選択する
  • 依存関係、Metro、ネイティブプロジェクトを初期化する

このスキルの使い方

  1. 作成：npx @react-native-community/cli init ProjectName を実行し、TypeScript とテンプレートを選択します。
  2. 構成：App.tsx、android/、ios/、Metro を確認し、依存関係をインストールして Pod install を実行します。
  3. 参考資料：https://reactnative.dev/docs/environment-setup

ベストプラクティス

  • 命名規則とパッケージ名の規則を守り、まずデフォルトのテンプレートで動作を確認してから変更します。
  • Node と RN のバージョンを固定し、CI 環境を統一します。

キーワード

react native init, プロジェクト作成, クロスプラットフォーム

コメント

Markdown 対応