What problem does it solve? Reviewing gluestack-ui v5 code by hand is error-prone: developers mix React Native primitives with Gluestack components, use non-semantic color tokens that break dark mode, skip required compound sub-components, and misapply Tailwind v4 configuration, all of which silently degrade theming, accessibility, and performance. ## Core Features & Use Cases - Structured validation checklist: Covers component usage, semantic color tokens, compound components, icons, cross-platform compatibility, and performance for gluestack-ui v5 with Tailwind CSS v4 and NativeWind v5 / UniWind. - Anti-pattern catalog with fixes: Each mistake (inline styles, arbitrary spacing, className instead of props, ScrollView for long lists, Animated API) is shown with incorrect and corrected code examples. - Escalation guidance: Provides a process for pushing back on off-system design requests and adding new semantic tokens to global.css and the provider config. - Use Case: During code review of a React Native screen, run the checklist to catch a Button missing ButtonText, an InputIcon not wrapped in InputSlot, and prohibited tokens like text-typography-900 or bg-blue-600 before merge. ## Quick Start Review my gluestack-ui v5 screen component for anti-patterns, semantic token violations, and missing compound sub-components.
