skill
awesome-react-native-skills
A curated collection of Claude skills for building production React Native apps — core, ecosystem, Expo, performance, testing, and reusable UI.
Set up
Skills are installed by placing their folder where your agent loads skills.
Install instructions come from the README
README
synced Oct 14, 2026A curated set of Claude skills for building production React Native apps in 2026, distributed as a Claude Code marketplace plugin. Each section is a self-contained skill with a SKILL.md entry point and topical references under references/.
Install
In Claude Code:
/plugin marketplace add maikotrindade/awesome-react-native-skills
/plugin install awesome-react-native-skills@awesome-react-native-skills
Skills
react-native-core
Native primitives and platform APIs that ship with React Native.
| Reference | Description |
|---|---|
| core-components | View, Text, Image, TextInput, ScrollView — fundamental UI building blocks |
| core-layout | Flexbox layout system for positioning and aligning components |
| core-styling | StyleSheet API for creating and organizing component styles |
| features-animations | Built-in Animated API — timing, spring, composition |
| features-easing | Easing functions for custom animation curves |
| features-touch-handling | Pressable, Touchable components, gesture responders |
| features-keyboard | Keyboard API, dismiss handling, KeyboardAvoidingView |
| components-ui | Modal, Switch, ActivityIndicator, RefreshControl |
| features-lists | FlatList and SectionList for large scrollable lists |
| features-colors-theming | Colors, PlatformColor, Appearance API, dark mode |
| features-platform-apis | Linking, Dimensions, Platform detection, AppState |
| features-network | Fetch API for HTTP requests |
| features-statusbar | Status bar appearance, style, visibility |
| features-share-vibration | Native share dialog and device vibration |
| features-timers | setTimeout, setInterval, requestAnimationFrame |
| features-platform-specific | ToastAndroid, DrawerLayoutAndroid, ActionSheetIOS |
| features-accessibility | Screen reader support, labels, roles, states |
| features-transforms | 2D and 3D transforms — rotate, scale, translate, skew |
| features-new-architecture | Fabric, JSI, TurboModules — default since RN 0.76 |
| best-practices-debugging | React Native DevTools, LogBox, Dev Menu |
react-native-ecosystem
Production ecosystem libraries that sit on top of React Native.
| Reference | Description |
|---|---|
| core-navigation | React Navigation v7 — NativeStack, tabs, drawer, typed routes |
| core-state-management | Zustand, Jotai, Redux Toolkit — devtools and persistence |
| core-data-fetching | TanStack Query v5 + Axios — queries, mutations, offline |
| core-typescript | Strict config, component typing, navigation typing, zod |
| features-reanimated | Reanimated v3 — shared values, worklets, layout animations |
| features-gesture-handler | Gesture Handler v2 — Tap/Pan/Pinch, composition |
| features-storage | MMKV, AsyncStorage, Expo SecureStore — choosing |
| features-permissions | react-native-permissions — check, request, rationale |
| features-push-notifications | FCM + APNs via Firebase, token registration |
| best-practices-accessibility | a11y props, screen reader testing, focus management |
| advanced-deep-linking | Universal Links, App Links, React Navigation linking |
react-native-expo
Expo toolchain — Router, EAS, modules, SDK upgrades.
| Reference | Description |
|---|---|
| core-expo-router | File-based routing, layouts, route groups, API routes |
| core-eas | EAS Build/Update/Submit/Deploy overview, eas.json |
| features-eas-build | Build profiles, dev client, local builds, device install |
| features-eas-update-deploy | OTA updates, EAS Hosting, CI/CD YAML workflows |
| features-expo-modules | create-expo-module, module DSL, config plugins |
| features-upgrading | SDK 53–56 breaking changes, upgrade flow, doctor |
| best-practices-ui | expo-image, responsiveness, NativeTabs, navigation |
| best-practices-data | fetch vs React Query, expo-secure-store, env vars |
react-native-reusables
shadcn/ui-style components with NativeWind v4 and RN Primitives.
| Reference | Description |
|---|---|
| core-overview | What RNR is, differences from shadcn/ui |
| core-installation | CLI vs manual setup, PortalHost, dependencies |
| core-customization | components.json, global.css, tailwind.config, theme.ts |
| features-components-overview | Button, Input, Dialog, variants, asChild |
| features-text-and-icons | TextClassContext inheritance, Icon wrapper for Lucide |
| features-forms-controls | Label, Input, Select, Checkbox, react-hook-form |
| features-overlays-portals | PortalHost, Dialog/Popover, contentInsets |
| features-registry-cli | init, add, doctor; custom registries |
| features-blocks | Auth blocks, Clerk integration |
| best-practices-adding-components | CLI preference, path aliases, cn helper |
| best-practices-troubleshooting | doctor, log levels, PortalHost, aliases |
react-native-performance
Deep performance work — measurement, profiling, optimization.
| Reference | Description |
|---|---|
| core-fps-rerenders | FPS measurement, React Compiler, Concurrent React, worklets |
| core-bundle-size | Ruler, Emerge, source-map-explorer, tree shaking, R8, Hermes mmap |
| features-tti | TTI methodology, cold-start markers, react-native-performance |
| features-native-performance | TurboModule threading, view flattening, 16 KB alignment |
| features-memory | JS leaks, native reference cycles, JNI refs, smart pointers |
| best-practices-profiling | DevTools, Flashlight, Instruments, Android Profiler, Perfetto |
react-native-testing
Deep React Native Testing Library reference (v13 sync, v14 async). For end-to-end flows, use Maestro.
| Reference | Description |
|---|---|
| core-patterns | Query priority, render/screen, userEvent vs fireEvent, waitFor |
| reference-v13-api | v13 API — sync render, React 18, fireEvent sync |
| reference-v14-api | v14 API — async render, React 19, v13→v14 migration |
| best-practices-anti-patterns | Wrong queries, waitFor misuse, missing await |
react-native-brownfield-migration
Incremental adoption of React Native or Expo inside existing native iOS/Android apps.
| Reference | Description |
|---|---|
| quick-start | Shared preflight and path-selection gate (Expo vs bare) |
| expo-create-app | Scaffold a new Expo app before brownfield setup |
| expo-quick-start | Expo plugin setup and packaging readiness |
| expo-ios-integration | Expo iOS packaging and host startup integration |
| expo-android-integration | Expo Android packaging, publish, and host integration |
| bare-quick-start | Bare React Native baseline setup |
| bare-ios-xcframework-generation | Bare iOS XCFramework generation |
| bare-android-aar-generation | Bare Android AAR generation and publish |
| bare-ios-native-integration | Bare iOS host integration |
| bare-android-native-integration | Bare Android host integration |
upgrading-react-native
Full React Native upgrade workflow — rn-diff-purge diffs, dependencies, React, Expo SDK alignment.
| Reference | Description |
|---|---|
| upgrading-react-native | Router — choose the right upgrade path |
| upgrade-helper-core | Core Upgrade Helper workflow and reliability gates |
| upgrading-dependencies | Dependency compatibility checks and migration planning |
| react | React and React 19 upgrade alignment rules |
| expo-sdk-upgrade | Expo SDK-specific upgrade layer (conditional) |
| upgrade-verification | Manual post-upgrade verification checklist |
| monorepo-singlerepo-targeting | Monorepo and single-repo command scoping |
github
GitHub workflow patterns using gh CLI — PRs, stacked PRs, squash merge, rebase.
| Reference | Description |
|---|---|
| stacked-pr-workflow | Merge stacked PRs into main as individual squash commits |
github-actions
GitHub Actions patterns for React Native iOS simulator and Android emulator cloud builds with downloadable artifacts.
| Reference | Description |
|---|---|
| gha-ios-composite-action | Composite action.yml for iOS simulator .app.tar.gz builds |
| gha-android-composite-action | Composite action.yml for Android emulator .apk builds |
| gha-workflow-and-downloads | End-to-end workflow wiring plus gh and REST download commands |
How to use
Install via the marketplace commands above, or point Claude (or your agent harness) directly at this repo and load the skill whose section matches your task. The SKILL.md at the root of each section is the entry point; it cross-links to deeper references and to sibling skills.