gluestack-nativewind
Installation
SKILL.md
Gluestack NativeWind Design Patterns
This skill enforces constrained, opinionated styling patterns that reduce decision fatigue, improve performance, enable consistent theming, and limit the solution space to canonical patterns.
Core Principles
- Gluestack components over React Native primitives - Gluestack wraps RN with theming, accessibility, and cross-platform consistency
- Semantic tokens over arbitrary values - Tokens encode intent, not just appearance
- className over inline styles - Inline styles bypass optimization and consistency
- Spacing scale over pixel values - Arbitrary values create unsustainable exceptions
- Remove dead code - Unused patterns mislead AI and increase cognitive load
When to Use This Skill
Related skills
More from infinite-loop-factory/app-factory
building-native-ui
Complete guide for building beautiful apps with Expo Router. Covers fundamentals, styling, components, navigation, animations, patterns, and native tabs.
9native-data-fetching
Use when implementing or debugging ANY network request, API call, or data fetching. Covers fetch API, axios, React Query, SWR, error handling, caching strategies, offline support.
9tanstack-query
|
8turborepo
|
6expo-deployment
Deploying Expo apps to iOS App Store, Android Play Store, web hosting, and API routes
6expo-dev-client
Build and distribute Expo development clients locally or via TestFlight
6