# Expo Design System

> Tokens, variants, and an in-app component library for Expo

**Subcategory:** Expo  
**License:** MIT  
**Source:** https://github.com/expo/skills/blob/main/plugins/expo/skills/expo-design-system/SKILL.md

---

## When it is useful

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.

## The Catch

Expo token/theme kit; twin of frontend-design if you drop the Expo scope.