{"data":{"id":"expo-design-system","name":"Expo Design System","tagline":"Tokens, variants, and an in-app component library for Expo","when":"Build and maintain a design system inside an Expo app - a reusable theme of design tokens (color, spacing, typography, radius, shadow, motion), reusable component structure with variant/size/state prop conventions, and rules for when to extract a repeated view into a shared component. Use when creating or organizing theme files and design tokens (theme.ts / theme/), extending an existing theme or styling library (NativeWind, Tamagui, Restyle, Unistyles) in its own idiom, standardizing styles so screens (including AI-generated ones) look consistent and polished, building an in-app component library, or auditing an app for design-system drift (hardcoded colors, spacing, fonts). For platform styling specifics (semantic colors, HIG rules, native controls) use expo-native-ui; for folder layout of a new app use expo-project-structure.","license":"MIT","sourceUrl":"https://github.com/expo/skills/blob/main/plugins/expo/skills/expo-design-system/SKILL.md","catch":"Expo token/theme kit; twin of frontend-design if you drop the Expo scope."},"links":{"self":"/api/skills/expo-design-system","html":"/skills/expo-design-system","markdown":"/skills/expo-design-system.md","collection":"/api/skills"}}