What problem does it solve? Expo apps often accumulate design-system drift: hardcoded hex colors, arbitrary spacing values, raw font sizes, 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 audits existing apps for drift. ## Core Features & Use Cases - Token Theme Creation: Defines design tokens for color, spacing, typography, radius, shadows, and motion under a single theme entry point, using platform semantic colors that adapt to light and dark modes. - Reusable Component Conventions: Standardizes shared components with variant, size, state, and style-override props, plus rules for when a repeated view earns promotion into the shared component library. - Drift Auditing: Provides grep-based checks, a scoring rubric, and an incremental adoption plan to measure and fix hardcoded style values in an existing app. - Use Case: When building a new finance app screen, use this Skill to ensure the screen draws colors, spacing, and typography from the theme instead of introducing one-off literals, then run the audit to confirm no drift was introduced. ## Quick Start Ask the AI to set up a design token theme and reusable button component for your Expo app following the expo-design-system conventions.
