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

0•

Mobile Development

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

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.

주요 기능

010 GitHub stars

02Performance-first implementation patterns for React Native (FlatList, memoization) and Flutter (const constructors)

03Secure mobile architecture patterns for sensitive data storage and API communication

04Platform-specific UI/UX guidance for iOS (HIG) and Android (Material Design 3)

05Touch-psychology integration including thumb zone optimization and 44px minimum tap targets

06Automated mobile UX and touch audit scripts for runtime validation

사용 사례

01Optimizing existing mobile application performance to resolve scrolling lag and memory issues

02Architecting offline-first mobile applications with robust state management and sync strategies

03Building cross-platform apps with React Native or Flutter that maintain a native look and feel

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add chrissargent48/weekly_report mobile-design

For use in Claude.ai and ChatGPT

Download Skill