About this Skill
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, fixing an app that looks AI-generated or generic instead of native (the named native-slop tells), 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.
Why we picked it
Summarized from the original expo/skills SKILL.md by Expo; the original upstream instructions were used.
What it helps with
- Use this workflow when the task matches the original Expo Design Systems instructions.
Before you use it
- Read the original SKILL.md and referenced files in expo/skills.
Sources & references
Original sources are linked below. Practical starting points are editorial suggestions from SkillHey.