Can it help with mobile-specific security issues?

Yes, the skill provides guidance on using secure hardware-backed storage like Keychain or EncryptedSharedPreferences instead of insecure defaults like AsyncStorage.

What are the mobile touch target standards used?

The skill follows platform standards, requiring a minimum touch target of 44pt for iOS and 48dp for Android to ensure accessibility and reduce user frustration.

Does this skill support cross-platform frameworks?

Yes, it includes specific optimizations and implementation patterns for React Native and Flutter, as well as native Swift (iOS) and Kotlin (Android) development.

How does it improve mobile app performance?

It enforces best practices like memoized list rendering (FlatList/FlashList), using native drivers for animations, and avoiding CPU-bound layout properties that cause frame drops.

Mobile App Design & UX Patterns

Name: Mobile App Design & UX Patterns
Author: danstrem2

bydanstrem2

•

Mobile Development

Implements mobile-first design principles and performance patterns for iOS, Android, React Native, and Flutter applications.

The Mobile Design skill provides a comprehensive framework for building high-performance, platform-respectful mobile applications by enforcing touch-first thinking and battery-conscious development. It moves beyond desktop-centric defaults to prioritize thumb-zone ergonomics, Fitts' Law, and platform-specific conventions like iOS Human Interface Guidelines and Android Material Design 3. By providing rigorous checklists and performance audits, this skill helps developers avoid common pitfalls such as janky list scrolling, insecure token storage, and non-native navigation patterns, ensuring a professional, 60fps user experience across all mobile devices.

主な機能

01Guides secure storage implementation and offline-capable data strategies

02Enforces mobile-first design thinking and platform-specific UI/UX conventions

03Prevents performance bottlenecks in React Native and Flutter list rendering

04Provides automated mobile UX and performance audits via integrated validation scripts

05Optimizes touch interactions using Fitts' Law and thumb-zone ergonomics

061 GitHub stars

ユースケース

01Building cross-platform apps with React Native or Flutter that require native-feeling interactions

02Refactoring mobile code to improve scroll performance and battery efficiency

03Auditing mobile UI designs for touch accessibility and platform-specific navigation

主な機能

01Guides secure storage implementation and offline-capable data strategies

02Enforces mobile-first design thinking and platform-specific UI/UX conventions

03Prevents performance bottlenecks in React Native and Flutter list rendering

04Provides automated mobile UX and performance audits via integrated validation scripts

05Optimizes touch interactions using Fitts' Law and thumb-zone ergonomics

061 GitHub stars

ユースケース

01Building cross-platform apps with React Native or Flutter that require native-feeling interactions

02Refactoring mobile code to improve scroll performance and battery efficiency

03Auditing mobile UI designs for touch accessibility and platform-specific navigation