react-native-design

Cross-platform mobile apps with React Native styling, navigation, and performant Reanimated animations.

wshobson ↓ 12k
Claude Code
View source ↗

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.

react-native-design on getagentictools
[![react-native-design on getagentictools](https://getagentictools.com/badge/skills/wshobson-agents-react-native-design.svg)](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.