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.

Key Features

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

Use Cases

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

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add danstrem2/antigravity-master-pack mobile-design

For use in Claude.ai and ChatGPT

Download Skill