What problem does it solve? Reviewing React Native code built with gluestack-ui v5 is error-prone because developers commonly mix React Native primitives with Gluestack components, use non-semantic color tokens that break dark mode, skip required compound sub-components, or misconfigure Tailwind v4 tooling. This Skill provides a structured validation checklist and anti-pattern catalog to catch these issues during code review. ## Core Features & Use Cases - Validation Checklist: Systematic checks covering component usage, semantic color tokens, compound components, icons, cross-platform compatibility, and performance. - Anti-Pattern Catalog: Side-by-side incorrect and correct code examples for common mistakes like missing ButtonText, unwrapped InputIcon, inline styles, and ScrollView-based long lists. - Tailwind v4 Migration Checks: Flags legacy patterns such as tailwind.config.js, @tailwind directives, and missing lightningcss pins specific to NativeWind v5. - Use Case: During a pull request review of a React Native screen, run through the checklist to confirm all colors use semantic tokens like text-foreground and bg-primary, all buttons include ButtonText, and long lists use FlatList instead of ScrollView. ## Quick Start Review my gluestack-ui v5 component code and identify any anti-patterns or violations of the semantic token and compound component rules.
