atomic-design-gluestack

To enforce Atomic Design structure in React Native, you validate component classification and import dependencies. This skill automates structural integrity checks across Atoms, Molecules, Organisms, Templates, and Pages to prevent architectural drift.

The correct directory structure for Gluestack UI components categorizes elements into specific directories like components/atoms/ and components/molecules/. This ensures correct placement based on Atomic Design principles.

Yes, you can validate NativeWind component import dependencies automatically using a Python script. It checks that component dependencies flow in the correct hierarchical direction across Atomic Design levels.

Yes, this component validation script works with Expo projects. It is specifically designed to enforce Atomic Design principles and validate directory structures for React Native/Expo environments using Gluestack UI.

React Native UI architecture drifts during feature development when new components are misclassified or placed in incorrect directories. Enforcing import rules and hierarchical dependencies prevents this structural degradation.