React native dls

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

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)From its SKILL.md

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.

SKILL.md

1.0 KB, 180 tokens by cl100k_base, 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.

What ships with it

Read from the repository

Just SKILL.md. No reference files, no scripts.