Profile My skills Saved Collections Edit profile Submit a skill

Hoangnguyen0403 Agent Skills Standard React Native Dls

React Native Design System

tomevault-io Updated
Design & Media

File contents

React Native Design System

Priority: P1 (OPERATIONAL)

Enforce design token usage in React Native apps.

Guidelines

  • Structure: Define tokens in theme/colors.ts, spacing.ts, typography.ts.
  • Usage: Import tokens (colors.primary) instead of literals (#000).
  • Styling: Compatible with StyleSheet and styled-components.

Anti-Patterns

  • No Inline Colors: Use '#FF0000' → Error. Import from theme/colors.
  • No Magic Spacing: Use padding: 16 → Error. Use spacing.md.
  • No Inline Fonts: Define fontSize: 20 → Error. Use typography.h1.

References

See references/usage.md for design token usage examples.

Converted and distributed by TomeVault — claim your Tome and manage your conversions.

tomevault-io/skills-registry/tree/main/hoangnguyen0403--agent-skills-standard--react-native-dls commit 7c0eaee43a

Browse category

Frequently asked questions

npx skillmds@latest add tomevault-io/hoangnguyen0403-agent-skills-standard-react-native-dls