React native dls

Skill ComeOnOliver/skillshub/skills/HoangNguyen0403/agent-skills-standard/react-native-dls

🧠 The right skill, one API call. AI agent skills registry with token-efficient skill resolution. 5,000+ skills from 500+ top repos.

Install

npx -y skills add ComeOnOliver/skillshub --skill react-native-dls

Assembled from the repository path, not quoted from the project. Check it against their README if it does not work.

What its author says it does

Copied from the file, not written here

Enforce design token usage in React Native. Use when enforcing a design system, preventing hardcoded styles, or implementing theme tokens in React Native. (triggers: **/*Screen.tsx, **/*Component.tsx, **/theme/**, **/styles/**, StyleSheet, styled-components, theme, colors, spacing)

SKILL.md

1.0 KB, as published. Nobody here has run it

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.