Best React Native + Expo Skills for Claude Code: Mobile Design Guide (2026)

React Native has matured past the 'it almost works' era-Expo SDK, New Architecture, and Expo Router now deliver a mobile DX that rivals web, and Claude Code's skill catalog reflects that shift. Browse all frontend-design skills to see the complete mobile toolkit.

Key takeaways

• vercel-react-native-skills tops the mobile stack with 147,033 installs and 27,714 GitHub stars (skills.sh registry, GitHub)-more than double any standalone Expo skill.
• building-native-ui (53,379 installs) is the layout companion: Flexbox defaults, SafeAreaView, and platform-specific style patterns from one install.
• react-native-design (10,977 installs, 36,507 stars) adds design-system thinking to native-Platform.select tokens, dynamic type scaling, and dark-mode toggling.
• expo-dev-client (36,332 installs) + expo-cicd-workflows (35,883 installs) form the release pipeline pair-dev builds to OTA updates in two skill installs.
• Mobile UI and web UI share the same design token principles-skills reuse the same vocabulary.

What is the best React Native skill for Claude Code?

vercel-react-native-skills (147,033 installs, 27,714 stars, skills.sh registry) is the clear leader-it packages Expo SDK conventions, React Native New Architecture settings, and Expo Router file-based navigation into a single coherent skill. It's the right first install for any React Native project.

claude skill install vercel-react-native-skills

The next-best alternatives: building-native-ui (53,379 installs) for layout-heavy projects and native-data-fetching (42,447 installs) for API-driven screens.

How do you build native UI layouts with Claude Code?

building-native-ui (53,379 installs, 2,038 stars) teaches Claude Code Flexbox's mobile defaults-flexDirection: 'column' by default, no display: block, Yoga layout engine constraints-so generated components don't import web CSS assumptions. It covers FlatList vs ScrollView trade-offs and KeyboardAvoidingView placement, which account for the majority of mobile layout bugs.

How do you set up design tokens for React Native in Claude Code?

react-native-design (10,977 installs, 36,507 stars) is the native counterpart to a web design system skill. It teaches Claude Code Platform.select for per-OS values, useColorScheme() hooks for dark mode, and numeric spacing scales (4/8/16/24/32) that survive density differences across Android and iOS. Pair it with building-native-ui for complete coverage.

What Expo skills handle CI/CD and releases?

expo-dev-client (36,332 installs, 2,038 stars) manages the development-build lifecycle: EAS Build config, custom native modules, and Expo Go fallback logic. expo-cicd-workflows (35,883 installs) adds GitHub Actions patterns for OTA updates and store submissions. Together they cover the full release loop from local to production-and Claude Code generates the workflow YAML files.

How does mobile accessibility work in Claude Code?

react-native-design carries accessibility attributes-accessibilityRole, accessibilityLabel, and accessibilityHint-in its component templates. For deeper auditing, the accessibility guide covers WCAG principles that apply equally to mobile screen readers (VoiceOver, TalkBack).

A complete starter stack

• vercel-react-native-skills - Expo SDK, New Architecture, Expo Router v3
• building-native-ui - Flexbox mobile defaults, FlatList, KeyboardAvoidingView
• react-native-design - design tokens, dark mode, platform-specific theming
• expo-dev-client - EAS Build, custom native modules, dev builds
• expo-cicd-workflows - GitHub Actions, OTA updates, store submissions

Common pitfalls

• Installing web-only skills like shadcn before vercel-react-native-skills-shadcn's DOM-based components don't translate to native and create confusing Claude Code output.
• Using StyleSheet.create objects without Platform.select-styles that look correct on iOS often fail Android's density rounding; react-native-design prevents this.
• Skipping expo-dev-client and using Expo Go for native-module testing-Expo Go can't run custom native code, so issues only surface at build time when it's expensive to debug.

Explore the full React Native + Expo collection and see how mobile pairs with UI design skills.

Common questions