Define component styles with StyleSheet.create and pass style references or a typed style prop. It keeps styles centralized, validates supported React Native style properties, and avoids creating a new object during every render. Inline objects also make reuse, theming, and review harder; use them only for a genuinely dynamic value that cannot be expressed otherwise. Centralize colors, spacing, and typography in theme tokens, use Flexbox for layout, and keep platform-specific differences in P...
Installs into .claude/skills of the current project.
Are you the author of React Native Styling?
Add the live security badge to your README. It updates with every re-scan.
[](https://www.skillsdirectory.com/skills/hoangnguyen0403-react-native-styling-agent-skills-standard)
Define component styles with StyleSheet.create and pass style references or a typed style prop. It keeps styles centralized, validates supported React Native style properties, and avoids creating a new object during every render. Inline objects also make reuse, theming, and review harder; use them only for a genuinely dynamic value that cannot be expressed otherwise.
Centralize colors, spacing, and typography in theme tokens, use Flexbox for layout, and keep platform-specific differences in Platform.select. Avoid magic numbers and fixed or absolute positioning unless the design truly requires it.
