What problem does it solve? After a Figma token sync, the automated pipeline updates CSS tokens but leaves the JavaScript theme files for React Native out of date, causing per-brand inconsistencies and missing tokens that must be reconciled manually. ## Core Features & Use Cases - Brand Discovery: Enumerates all brand themes from the filesystem instead of hardcoding brand lists, and warns when CSS and JS brand sets disagree. - Gap Analysis: Compares CSS token coverage against JS theme keys per brand and category, listing tokens present in CSS but missing from JS. - Guided Updates & Validation: Enforces kebab-case to camelCase conversion, primitive references instead of hardcoded hex values, and typecheck/lint/build verification. - Use Case: After a Figma variables export updates the design-core CSS tokens, run the discovery and comparison scripts to find every JS theme file needing updates, then sync all brands consistently. ## Quick Start Ask the assistant to sync the design tokens after the latest Figma update and check for any CSS tokens missing from the JS theme files.
