How does it improve app performance?

It enforces strict rules for list rendering, memoization, and animation drivers to ensure apps maintain 60fps and minimize battery consumption.

Why is the 'mobile-design-thinking' file mandatory?

This file is critical to prevent the AI from defaulting to web-based patterns, forcing it to consider mobile constraints like limited screen space, touch imprecision, and intermittent connectivity.

Can it help with mobile security best practices?

Yes, it identifies security 'sins' like storing tokens in AsyncStorage and provides secure alternatives like Keychain, SecureStore, or EncryptedSharedPreferences.

What mobile frameworks does this skill support?

The skill provides specialized guidance for React Native, Flutter, and native iOS (SwiftUI) and Android (Jetpack Compose) development.

Mobile Design & Optimization

Name: Mobile Design & Optimization
Author: sickn33

bysickn33

•

2,294

Mobile Development

Guides mobile app development through platform-specific design thinking, touch-first interactions, and high-performance implementation patterns for iOS and Android.

About

This skill transforms Claude into a specialized mobile architect capable of making informed decisions for React Native, Flutter, and native platforms. It enforces mobile-first thinking, prioritizing touch psychology (Fitts' Law), battery-conscious performance, and platform-specific conventions over generic desktop-oriented web patterns. By mandating a comprehensive audit of performance, security, and UX anti-patterns, it ensures that AI-generated mobile code is production-ready, accessible, and respectful of both Apple's Human Interface Guidelines and Google's Material Design.

Key Features

Touch-First Interaction: Enforces Fitts' Law, thumb-zone mapping, and 44-48px minimum touch targets.
Anti-Pattern Prevention: Proactively blocks common AI mistakes like non-memoized lists, unsafe token storage, and business logic in the UI.
Platform-Specific Guidance: Tailored logic for iOS (HIG) and Android (Material Design 3).
Performance Optimization: Mandates high-performance list rendering (FlatList/FlashList) and hardware-accelerated animations.
2,294 GitHub stars
Secure Mobile Architecture: Guides implementation of secure storage (Keychain/SecureStore), offline sync, and deep linking.

Use Cases

Migrating web-based logic to mobile-first architectures while handling offline states and native navigation.
Architecting cross-platform React Native or Flutter applications with production-grade performance.
Auditing existing mobile UI/UX for touch accessibility, thumb-zone compliance, and platform-specific feel.

About

Key Features

Touch-First Interaction: Enforces Fitts' Law, thumb-zone mapping, and 44-48px minimum touch targets.
Anti-Pattern Prevention: Proactively blocks common AI mistakes like non-memoized lists, unsafe token storage, and business logic in the UI.
Platform-Specific Guidance: Tailored logic for iOS (HIG) and Android (Material Design 3).
Performance Optimization: Mandates high-performance list rendering (FlatList/FlashList) and hardware-accelerated animations.
2,294 GitHub stars
Secure Mobile Architecture: Guides implementation of secure storage (Keychain/SecureStore), offline sync, and deep linking.

Use Cases

Migrating web-based logic to mobile-first architectures while handling offline states and native navigation.
Architecting cross-platform React Native or Flutter applications with production-grade performance.
Auditing existing mobile UI/UX for touch accessibility, thumb-zone compliance, and platform-specific feel.