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 ...
Scanned 9/5/2026
Install to Claude Code
Skills Directorynpx -y skills add HoangNguyen0403/agent-skills-standard --skill react-native-dls --agent claude-codeInstalls 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 automatically with every re-scan.
[](https://www.skillsdirectory.com/skills/hoangnguyen0403-react-native-dls-ff65f661)More formats (shields.io, HTML) on the badges page.
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.
Is this your skill, or is something wrong with this listing? Request removal or report an issue. Author removals are honored within 72 hours.
No comments yet. Be the first to comment!
Use this skill when developing or maintaining browser extension code in the `browser/` directory, including Chrome/Firefox/Edge compatibility, content scripts, background scripts, or i18n updates.
