react-native-design
Cross-platform mobile apps with React Native styling, navigation, and performant Reanimated animations.
What it does
- Building cross-platform mobile apps with React Native
- Implementing navigation with React Navigation 6+
- Creating performant animations with Reanimated 3
- Styling components with StyleSheet and styled-components
- Building responsive layouts for different screen sizes
- Implementing platform-specific designs (iOS/Android)
- Creating gesture-driven interactions with Gesture Handler
Derived from the skill's own SKILL.md documentation · extracted 2026-07-23
Cross-platform mobile apps with React Native styling, navigation, and performant Reanimated animations.
Source
Repository: https://github.com/wshobson/agents
react-native-design FAQ
What does the react-native-design skill do?
Master React Native styling, navigation, and Reanimated animations for cross-platform mobile development. Use when building React Native apps, implementing navigation patterns, or creating performant animations. Building cross-platform mobile apps with React Native Implementing navigation with React Navigation 6+
How do I install react-native-design?
Run: npx -y skills add https://github.com/wshobson/agents --skill react-native-design --agent claude-code — the source lives at github.com/wshobson/agents.
Maintain react-native-design?
Let people know it's listed here — add the badge (live metrics, light/dark aware) or a plain link to your README or docs.
[](https://getagentictools.com/skills/wshobson-agents-react-native-design?ref=badge) npx agentictools info skills/wshobson-agents-react-native-design The second line is the CLI lookup for this page — handy in READMEs and docs.