Implements mobile-first design principles and high-performance patterns for iOS, Android, React Native, and Flutter applications.
This skill equips Claude with specialized knowledge for building robust mobile applications, moving beyond desktop-centric defaults to prioritize touch-first interactions, battery efficiency, and platform-specific conventions. It enforces a mobile-first mindset by requiring environmental audits, mandatory platform-specific documentation review, and strict adherence to performance optimization techniques like memoization and hardware acceleration. Whether you are building with React Native, Flutter, or native code, this skill ensures your project follows industry-standard UX psychology while avoiding common pitfalls in list rendering, state management, and secure storage.
Key Features
01Secure data handling patterns using Keychain and EncryptedSharedPreferences
02Platform-aware logic for iOS Human Interface Guidelines and Android Material Design 3
031 GitHub stars
04Performance-optimized list rendering patterns for React Native and Flutter
05Automated mobile UX and performance audits via integrated runtime scripts
06Touch-first UX guidance including Fitts' Law and Thumb Zone optimization
Use Cases
01Refactoring web-based interfaces into mobile-first experiences that respect native gestures
02Architecting cross-platform apps with platform-aware navigation and native components
03Optimizing mobile codebases for 60fps performance and efficient memory management