What problem does it solve?
This Skill captures actionable best practices and rules to prevent runtime crashes, eliminate scrolling and rendering jank, and improve maintainability in React Native and Expo applications so teams and agents can produce reliable mobile UI code.
Core Features & Use Cases
- Performance Rules: Concrete guidance for list virtualization, image sizing, and avoiding expensive renders to reduce jank and memory usage.
- Animation & Gesture Patterns: Recommended Reanimated and GestureDetector patterns to run animations on the UI thread and avoid layout thrashing.
- Rendering Safety: Rules that prevent crashes (for example, wrapping strings in Text and avoiding falsy && rendering) with lint recommendations and code examples.
- Architecture & Tooling: Monorepo native-dependency guidance, font config best practices, and navigation recommendations for native stacks.
- Use Case: Use these rules to audit a React Native codebase, refactor list components for smooth scrolling, fix animation patterns, and ensure native modules are linked correctly.
Quick Start
Run a rules-based audit of your React Native project to surface and fix list, animation, and native-integration issues.
