What problem does it solve? Expo apps often accumulate design-system drift: hardcoded hex colors, arbitrary spacing values, and inconsistent component APIs scattered across screens. This Skill establishes a single visual source of truth through a token theme and reusable component conventions, and provides grep-based audits to measure and fix drift. ## Core Features & Use Cases - Token Theme Setup: Creates a src/theme/ structure covering colors (platform semantic colors via Platform.select), spacing on a 4-point grid, typography ramps, radius, boxShadow strings, and motion durations. - Component Contract: Defines reusable primitives with explicit variant, size, state (pressed/disabled/loading), and style-override props, plus rules for when a repeated view earns extraction into src/components/. - Drift Auditing: Ships references/audit.md with grep checks, a per-100-SLOC scoring rubric, an incremental adoption order, and templates for documenting or proposing components. - Use Case: When AI-generated screens look inconsistent, run the audit to find hardcoded values, derive tokens from the most frequent ones, and migrate screens one commit at a time. ## Quick Start Use the expo-design-system skill to audit my app for hardcoded style values and set up a token theme under src/theme.
