LogoAwesome Skills
  • Search
  • Category
  • Tag
  • Blog
LogoAwesome Skills
LogoAwesome Skills

Discover Open-Source Agent Skills for AI Coding Assistants

Product

  • Search
  • Category
  • Tag
  • Blog

Resources

  • Claude Skill Docs
  • Antigravity Skills Docs

Tools

  • Claude Code
  • OpenCode
  • Cursor
  • Codex
  • Antigravity

Company

  • Privacy Policy
  • Terms of Service
  • Sitemap

©2026 Awesome Skills. All rights reserved.

Privacy PolicyTerms
Back to Skills

react-native-setup

Expert in React Native environment setup and configuration. Helps with Node.js, Xcode, Android Studio, watchman installation, CocoaPods, simulators, emulators, and troubleshooting setup issues. Activates for environment setup, installation issues, xcode setup, android studio, simulators, emulators, react-native init, expo init, development environment, SDK configuration.

133stars17forksUpdated 3/7/2026
Developer Tools#react-native#ios#environment-setup#mobile-development#android#javascript

Security Assessment

Critical Risk(0/100)

Detected risks:

Destructive Operations([SKILL.md] rm -rf)
Persistence([SKILL.md] .zshrc)
Privilege Escalation([SKILL.md] sudo)
Security Score0/100

About react-native-setup

The React Native Setup skill provides expert guidance for configuring and optimizing React Native and Expo development environments across macOS, Windows, and Linux. It addresses the complexities involved in setting up essential tools such as Node.js, Xcode, Android Studio, Watchman, and CocoaPods, ensuring that developers can efficiently prepare their systems for mobile app development. By offering troubleshooting strategies for common installation and configuration issues, this skill helps reduce setup time and prevents common errors that can derail initial project development.

This skill covers a wide range of setup tasks, including verifying and installing required software versions, configuring environment variables like ANDROID_HOME, managing iOS simulators and Android emulators, and resolving issues with package managers like npm, yarn, or pnpm. It also provides guidance on handling build failures, clearing caches for Metro Bundler, addressing CocoaPods installation problems, and configuring SDKs and Gradle for Android development. Additionally, it offers practical commands and workflows for initializing React Native projects, ensuring that developers can quickly start building applications with a stable and correctly configured environment.

The React Native Setup skill is particularly useful for developers who are new to mobile development or those transitioning between different platforms. It is ideal for teams needing consistent environment configuration, educators preparing hands-on workshops, and individual developers seeking to streamline their development workflow. This skill is most relevant during initial setup phases, troubleshooting sessions, and when ensuring compatibility across different operating systems and development tools, making it an essential resource for maintaining productive and error-free development environments.

FAQ

Which versions of Node.js, Xcode, and Android Studio are required?

Node.js 18.x or later is required. For macOS iOS development, Xcode 15.x or later is needed. Android Studio Hedgehog or later is recommended for Android development, including necessary SDK components.

Can this skill help with both macOS and Windows environments?

Yes, it provides guidance for configuring React Native development on macOS, Windows, and Linux, including platform-specific setup steps for iOS and Android.

How does this skill handle common setup errors?

It provides troubleshooting strategies for issues such as 'Command not found' errors, SDK path problems, CocoaPods installation failures, and build errors, including environment variable configuration and cache clearing.

Is Watchman installation necessary for all platforms?

Watchman is primarily required on macOS to enable efficient file watching for fast refresh, and the skill includes installation and troubleshooting guidance for it.

Does this skill cover project initialization?

Yes, it provides commands for creating new React Native projects using 'npx react-native init' and guidance for Expo projects, ensuring proper environment configuration for development.

All Files

2 files
metadata.json0.8 KB
View
SKILL.md5.5 KB
View

Install react-native-setup

Download and extract the skill files to your .claude/skills/ directory.

Quick Setup:

  1. Copy the skill folder to .claude/skills/
  2. Claude will automatically detect and use the skill

Repository

Microck/ordinary-claude-skills

Related Skills

dbt-sf-to-bq-translator

21,076

build-models

102

html-prototype

3,588

doc

448