multiAI Summary Pending

react-native-project-creater

Provides one-command project creation for React Native including project initialization, configuration, and template generation. Use when the user asks about creating React Native projects, needs to initialize a new React Native project, or generate React Native project structure.

223 stars

bypartme-ai

View on GitHub Installation ↓

Installation

Claude Code / Cursor / Codex

$curl -o ~/.claude/skills/react-native-project-creater/SKILL.md --create-dirs "https://raw.githubusercontent.com/partme-ai/full-stack-skills/main/skills/react-skills/react-native-project-creater/SKILL.md"

Manual Installation

Download SKILL.md from GitHub
Place it in .claude/skills/react-native-project-creater/SKILL.md inside your project
Restart your AI agent — it will auto-discover the skill

How react-native-project-creater Compares

Feature / Agent	react-native-project-creater	Standard Approach
Platform Support	multi	Limited / Varies
Context Awareness	High	Baseline
Installation Complexity	Unknown	N/A

Frequently Asked Questions

What does this skill do?

Which AI agents support this skill?

This skill is compatible with multi.

Where can I find the source code?

You can find the source code on GitHub using the link provided at the top of the page.

SKILL.md Source

## When to use this skill

Use this skill whenever the user wants to:
- Create a new React Native project from scratch
- Choose between React Native CLI and Expo for project initialization
- Configure TypeScript, bundler, and native dependencies
- Set up the initial project structure with navigation and state management

## How to use this skill

### Workflow

1. **Gather requirements**: project name, organization, TypeScript preference, Expo vs bare CLI
2. **Run the initialization command** with appropriate options
3. **Install initial dependencies** (navigation, state management, etc.)
4. **Verify** the project builds and runs on a simulator or device

### 1. Project Creation (CLI)

```bash
# Using React Native Community CLI
npx @react-native-community/cli init MyApp

# With TypeScript template
npx @react-native-community/cli init MyApp --template react-native-template-typescript
```

### 2. Project Creation (Expo)

```bash
# Using Expo (recommended for new projects)
npx create-expo-app MyApp --template blank-typescript
```

### 3. Project Structure

```
MyApp/
├── App.tsx            # Entry point
├── android/           # Android native project
├── ios/               # iOS native project
├── src/               # Application source code
│   ├── screens/
│   ├── components/
│   └── navigation/
├── package.json
├── tsconfig.json
└── metro.config.js    # Metro bundler configuration
```

### 4. Initial Setup

```bash
# Install dependencies
npm install

# iOS: install CocoaPods
cd ios && pod install && cd ..

# Run on simulators
npx react-native run-ios
npx react-native run-android
```

## Best Practices

- Use consistent naming and package identifiers across platforms
- Lock Node.js and React Native versions for reproducible builds
- Run `pod install` after adding any native dependency on iOS
- Start with the default template, verify it runs, then incrementally add features
- Set up CI early with both `npx react-native run-android` and `run-ios` build steps

## Resources

- Environment setup: https://reactnative.dev/docs/environment-setup
- Expo getting started: https://docs.expo.dev/get-started/create-a-project/

## Keywords

react native init, project creation, Expo, React Native CLI, initialization, cross-platform, TypeScript, scaffolding