rn-styling - React Native Styling with NativeWind and BrandColors
Provides styling patterns for React Native using NativeWind for layout utilities and BrandColors for semantic theme colors.
Tags
Updated: 2026-09-20Capabilities
Typical Inputs
Typical Outputs
What this skill does
- Apply hybrid styling patterns
- Implement theme-aware color switching
- Configure platform-specific UI styles
- Handle safe area and keyboard view
- Apply responsive breakpoints and animations
Inputs
- React Native codebase
- BrandColors color definitions
- NativeWind configuration
Outputs
- Styled React Native component code
- Theme-aware layout components
Requirements
- React Native or Expo environment
- NativeWind library
- react-native-safe-area-context library