What problem does it solve? Expo apps often accumulate visual drift: hardcoded hex colors, arbitrary spacing values, and inconsistent component APIs scattered across screens. This Skill establishes a single visual source of truth — a token theme (colors, spacing, typography, radius, shadows, motion) plus a small set of reusable components — and provides a grep-based audit to measure and fix drift in existing apps. ## Core Features & Use Cases - Token Theme Architecture: Defines where tokens live (src/theme/), what they cover (semantic platform colors, 4-point spacing grid, platform-mirrored type ramp, radius, boxShadow strings, motion durations), and rules like "every repeated visual value is a token". - Reusable Component Contract: Standardizes variants, sizes, pressed/disabled/loading states, and style-override merging for shared primitives, with explicit criteria for when a repeated view earns promotion into src/components/. - Design System Audit: A reference guide with grep checks, per-100-SLOC scoring rubric, incremental adoption plan, and templates for documenting or proposing components. - Use Case: When building a new Expo screen or reviewing an AI-generated one, run the self-critique pass (hierarchy, proximity, repetition, alignment) and move any escaped literal values into the theme instead of patching the screen. ## Quick Start Ask the AI to audit my Expo app for design system drift and create a token theme from the values it finds.
