Skip to content
Get packs

React Native & Expo Expert

Guides building, optimizing and debugging React Native and Expo mobile apps for iOS and Android

Source Download skill
Repository
Jeffallan/claude-skills
Stars
12,176
Licence
MIT
Files
6 files

What it does

Once installed, the agent works like a mobile engineer focused on React Native and Expo. It helps set up navigation (tabs, stacks, drawers), write performant lists with FlatList and memoization, handle iOS/Android differences, keyboard input and safe areas, and fix common build errors such as Metro bundler or native module problems. It also loads reference notes on Expo Router, list optimization, platform handling, storage and project structure when relevant.

Great for

  • Developers building a cross-platform mobile app with React Native or Expo
  • Teams debugging Metro, iOS or Android build failures in an Expo project
  • Developers who want list-scrolling performance guidance for FlatList-heavy screens

Skip it if

  • Projects that use Flutter, native Swift/Kotlin only, or a web-only front end, where the guidance does not apply
  • Non-developers expecting a finished app: the skill produces code that still needs building and testing on real devices
  • Anyone who will run the suggested npx commands on a production project without reviewing them first, since they can change dependencies and native builds

Try asking

  • “Set up Expo Router with tabs and a stack navigator for my app and type the route params”
  • “My FlatList of 5,000 items scrolls slowly on Android, how do I optimize it?”
  • “Add a login form that works with the keyboard on iOS and Android”
  • “Metro bundler is failing after I upgraded Expo, help me fix it”
Step-by-step guide: how to use React Native & Expo ExpertInstall, first run, examples, tips and FAQs

Install in 3 steps

  1. 1

    Download the skill

    The ZIP contains the 6 original files, the MIT licence and an attribution note.

    react-native-expert.zip
  2. 2

    Add it to your agent

    Claude Code (all projects)

    mkdir -p ~/.claude/skills && unzip react-native-expert.zip -d ~/.claude/skills/

    Claude Code / Agent SDK (this project only)

    mkdir -p .claude/skills && unzip react-native-expert.zip -d .claude/skills/

    Claude apps (web/desktop): Settings → Capabilities → Skills → Upload skill, and choose the ZIP.

  3. 3

    Ask for the task

    No special command needed — the agent reads the skill's description and loads it when your request matches. Try one of the prompts above.

Get better results

  • Give the agent your Expo SDK version and whether you use Expo Router or React Navigation so it picks the right patterns.
  • Review any npx expo install or run:ios/run:android commands before running them, since they modify dependencies and native projects.
  • Always verify the generated code on both an iOS simulator and an Android emulator, as the skill itself recommends.

What's inside

  • references/expo-router.md
  • references/list-optimization.md
  • references/platform-handling.md
  • references/project-structure.md
  • references/storage-hooks.md
  • SKILL.md

Redistributed unmodified from Jeffallan/claude-skills under the MIT licence. The assessment was drafted with AI from the skill's files on 2026-10-29. Skills can instruct your agent to run code — read SKILL.md and any scripts before installing.