react-native

What it does

This skill enables AI agents to build, test, and deploy cross-platform mobile applications using React Native. It handles the full development lifecycle from setting up the environment to managing native modules and iOS/Android configurations.

When to use it

• You need to generate a complete React Native project structure with dependencies installed.
• The agent must configure native build settings for both iOS and Android platforms.
• You require assistance with debugging native code integration or resolving platform-specific errors.
• The task involves creating reusable components that render natively on mobile devices.

Key capabilities

• Initialize new React Native projects with standard templates.
• Manage package.json dependencies for React Native libraries.
• Configure iOS Xcode and Android Gradle build settings.
• Integrate native modules and bridge JavaScript to native code.
• Generate platform-specific configuration files (e.g., Info.plist, AndroidManifest.xml).

Example prompts

• "Create a new React Native project with TypeScript support and configure the iOS simulator."
• "Add a native camera module to my existing React Native app and handle permissions for Android 13."
• "Debug why the app crashes on startup when running on an Android emulator; check the logcat output."

Tips & gotchas

Ensure you have Node.js and the React Native CLI installed locally before requesting project initialization. For native module integration, verify that the specific version of Xcode or Android SDK matches the requirements of the libraries being used.