Does it address mobile-specific security concerns?

Absolutely. It mandates the use of secure storage (Keychain/SecureStore) over AsyncStorage for tokens and provides guidance on SSL pinning and logging sensitive data.

Does this skill support both React Native and Flutter?

Yes, it provides specific performance patterns, architectural guidance, and anti-pattern warnings tailored for both React Native and Flutter, as well as native development.

What mobile performance optimizations are included?

The skill enforces rules for GPU-accelerated animations, list virtualization (FlatList/FlashList), and targeted state rebuilds to maintain 60fps performance.

How does this skill handle platform-specific differences?

It uses a platform decision matrix to determine when to unify business logic and when to diverge for UI elements like navigation, gestures, and system-native pickers.

Mobile App Design System

Name: Mobile App Design System
Author: chrissargent48

bychrissargent48

Mobile Development

Implements mobile-first design principles and performance best practices for high-quality iOS and Android applications.

Acerca de

The Mobile App Design System skill provides a comprehensive framework for building mobile applications that respect platform conventions and prioritize user experience. It shifts AI behavior away from desktop-centric patterns toward mobile-specific constraints, enforcing standards for touch interactions (Fitts' Law), performance optimization for React Native and Flutter, and secure data storage. By utilizing mandatory reference checks and platform-specific decision matrices, it ensures that applications are battery-conscious, offline-capable, and optimized for smooth 60fps performance.

Características Principales

0 GitHub stars
Performance-first implementation patterns for React Native (FlatList, memoization) and Flutter (const constructors)
Secure mobile architecture patterns for sensitive data storage and API communication
Platform-specific UI/UX guidance for iOS (HIG) and Android (Material Design 3)
Touch-psychology integration including thumb zone optimization and 44px minimum tap targets
Automated mobile UX and touch audit scripts for runtime validation

Casos de Uso

Optimizing existing mobile application performance to resolve scrolling lag and memory issues
Architecting offline-first mobile applications with robust state management and sync strategies
Building cross-platform apps with React Native or Flutter that maintain a native look and feel

Acerca de

Características Principales

0 GitHub stars
Performance-first implementation patterns for React Native (FlatList, memoization) and Flutter (const constructors)
Secure mobile architecture patterns for sensitive data storage and API communication
Platform-specific UI/UX guidance for iOS (HIG) and Android (Material Design 3)
Touch-psychology integration including thumb zone optimization and 44px minimum tap targets
Automated mobile UX and touch audit scripts for runtime validation

Casos de Uso

Optimizing existing mobile application performance to resolve scrolling lag and memory issues
Architecting offline-first mobile applications with robust state management and sync strategies
Building cross-platform apps with React Native or Flutter that maintain a native look and feel