What problem does it solve? Mobile apps frequently ship with janky animations, undersized touch targets, memory-leaking lists, and platform-inconsistent styling because developers miss framework-specific best practices. This Skill provides a dense reference of mobile design rules plus an automated audit script that scans React Native and Flutter code for 50+ common violations. ## Core Features & Use Cases - Automated Mobile UX Audit: The mobile_audit.py script scans source files for critical issues like ScrollView with .map(), missing keyExtractor, insecure token storage in AsyncStorage, and missing useNativeDriver. - Design Rule Reference: Covers Reanimated 3 worklets, FlashList usage, haptics, safe areas, thumb zones, OLED-safe colors, and iOS/Android platform-specific patterns. - Use Case: Before releasing a React Native app, run the audit script over the src directory to catch performance-critical issues like index-based keys, console.log statements, and animations on layout properties that would cause 120Hz jank. ## Quick Start Audit my React Native project for mobile performance and UX issues using the mobile design guidelines.
