·react-native

React Native patterns for mobile app development with Expo and bare workflow. Trigger: When building mobile apps, working with React Native components, using Expo, React Navigation, or NativeWind.

47Installs·0Trend·@gentleman-programming

Installation

$npx skills add https://github.com/gentleman-programming/gentleman-skills --skill react-native

How to Install react-native

Quickly install react-native AI skill to your development environment via command line

  1. Open Terminal: Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.)
  2. Run Installation Command: Copy and run this command: npx skills add https://github.com/gentleman-programming/gentleman-skills --skill react-native
  3. Verify Installation: Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw

Source: gentleman-programming/gentleman-skills.

SKILL.md

View raw

| Create new Expo project | npx create-expo-app@latest --template tabs | | Add NativeWind | npx expo install nativewind tailwindcss | | Platform check | Platform.OS === 'ios' | | Safe insets | useSafeAreaInsets() from react-native-safe-area-context | | Navigation | router.push('/screen') with Expo Router |

| Deep linking | Configure in app.json under expo.scheme | | Environment vars | Use expo-constants or react-native-dotenv | | Icons | @expo/vector-icons (included in Expo) | | Animations | react-native-reanimated for 60fps animations | | Gestures | react-native-gesture-handler |

React Native patterns for mobile app development with Expo and bare workflow. Trigger: When building mobile apps, working with React Native components, using Expo, React Navigation, or NativeWind. Source: gentleman-programming/gentleman-skills.

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/gentleman-programming/gentleman-skills --skill react-native Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw

Facts (cite-ready)

Stable fields and commands for AI/search citations.

Install command
npx skills add https://github.com/gentleman-programming/gentleman-skills --skill react-native
Category
</>Dev Tools
Verified
First Seen
2026-02-28
Updated
2026-03-10

Browse more skills from gentleman-programming/gentleman-skills

Quick answers

What is react-native?

React Native patterns for mobile app development with Expo and bare workflow. Trigger: When building mobile apps, working with React Native components, using Expo, React Navigation, or NativeWind. Source: gentleman-programming/gentleman-skills.

How do I install react-native?

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/gentleman-programming/gentleman-skills --skill react-native Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw

Where is the source repository?

https://github.com/gentleman-programming/gentleman-skills