react-native-app

Bootstrap and maintain cross-platform React Native apps for iOS and Android.

Updated Feb 2, 2026
One-click install
npx skills add https://github.com/fanthus/agent-skills --skill react-native-app
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: react-native-app
Source: https://github.com/fanthus/agent-skills/tree/main/react-native-develop
Command: npx skills add https://github.com/fanthus/agent-skills --skill react-native-app

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill provides a ready-to-use blueprint for bootstrapping and maintaining production-ready React Native apps that run on both iOS and Android, with a consistent structure and reusable patterns.

Core Features & Use Cases

  • Project structure: A scalable layout including src/components, src/screens, src/navigation, and shared utilities.
  • Navigation & patterns: Pre-built AppNavigator and typical screen patterns, including basic screens, lists, and simple state management.
  • Use Case Examples: Ideal for teams starting new RN projects or adding standardized patterns to existing apps, with practical examples in the provided codebase.

Quick Start

Follow the included setup steps and examples to bootstrap a new React Native project, review the AppNavigator and Screen patterns, and run the app on iOS and Android.

Frequently Asked Questions about react-native-app

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I structure a cross-platform React Native app for iOS and Android?

Structure a cross-platform React Native app using a scalable layout with directories like src/components, src/screens, and src/navigation. This production-ready structure enforces TypeScript support and reusable patterns for consistent iOS and Android development.

What is the best way to set up navigation in a React Native app?

Set up React Native navigation using a pre-built AppNavigator that handles routing across screens. This pattern provides clear guidance for managing screen transitions, lists, and forms while maintaining platform-specific considerations for iOS and Android.

Can I use TypeScript for React Native project bootstrapping?

TypeScript is fully supported for React Native project bootstrapping. The setup enforces a production-ready structure with TypeScript support, ensuring type-safe component patterns, hooks, state management, and API access across your cross-platform mobile app.

How do I manage state and component patterns in React Native?

Manage state and component patterns in React Native using provided hooks and reusable utilities. The skill covers simple state management strategies alongside standardized patterns for screens, lists, forms, and animations to maintain consistency across your mobile app.

Does this React Native blueprint handle platform-specific code for iOS and Android?

The React Native blueprint explicitly handles platform-specific considerations for iOS and Android. It provides clear guidance and example code for managing differences across common scenarios like screens, styling, API access, and storage within your cross-platform app.