Define semantic tokens for colors, spacing, and typography rather than using raw values in components. Provide light and dark token maps with the same interface, select the active theme using React Context and useColorScheme, and expose a typed useTheme hook. Components should consume theme.colors, theme.spacing, and theme.typography through StyleSheet-compatible style factories. This keeps mode switching centralized, avoids hardcoded values, and lets the design system evolve without editing ...
Installs into .claude/skills of the current project.
Are you the author of React Native Dls?
Add the live security badge to your README. It updates with every re-scan.
[](https://www.skillsdirectory.com/skills/hoangnguyen0403-react-native-dls-ff65f661)
Define semantic tokens for colors, spacing, and typography rather than using raw values in components. Provide light and dark token maps with the same interface, select the active theme using React Context and useColorScheme, and expose a typed useTheme hook.
Components should consume theme.colors, theme.spacing, and theme.typography through StyleSheet-compatible style factories. This keeps mode switching centralized, avoids hardcoded values, and lets the design system evolve without editing every screen.
