Can it help with mobile security audits?

Yes; the skill includes a 'Security Sins' list that prevents AI from defaulting to insecure storage (like AsyncStorage for tokens) and mandates the use of Keychain or SecureStore.

How does it improve app performance?

It enforces performance-critical patterns like list memoization, hardware-accelerated animations (transform/opacity), and prevents blocking the JS thread with heavy logs or unoptimized rendering.

Does this skill support cross-platform frameworks?

Yes, it provides specific optimization patterns and decision-making frameworks for both React Native and Flutter, as well as native iOS and Android development.

What is the 'Thumb Zone' principle included in this skill?

The Thumb Zone is a layout philosophy that places primary actions and navigation within the natural arc of a user's thumb to facilitate comfortable one-handed usage.

Does it provide platform-specific navigation logic?

Absolutely. It guides the implementation of edge swipes for iOS, system back-button handling for Android, and distinct icon sets (SF Symbols vs Material) for each platform.

Mobile Design System

Name: Mobile Design System
Author: hongluu92

byhongluu92

0•

Mobile Development

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

The Mobile Design skill transforms Claude into a specialized mobile architect capable of building high-performance, platform-respectful applications. It shifts the AI's focus from 'small desktop' thinking to true mobile-first constraints, incorporating touch psychology, Fitts' Law, and the ergonomic 'Thumb Zone.' The skill enforces critical performance optimizations—such as memoized list rendering and hardware-accelerated animations—while providing platform-specific guidance for iOS Human Interface Guidelines and Android Material Design. It is essential for developers building React Native, Flutter, or native apps who require production-grade UX, battery-conscious logic, and secure data handling.

Key Features

01Touch-first UX design based on Fitts' Law and 44-48px minimum target standards.

02Integrated mobile audit scripts and mandatory design-thinking validation checkpoints.

03Platform-aware UI guidance for iOS (HIG) and Android (Material Design 3) conventions.

04Security-first implementation using SecureStore, Keychain, and EncryptedSharedPreferences.

05Performance optimization patterns for React Native FlatList/FlashList and Flutter widgets.

060 GitHub stars

Use Cases

01Architecting cross-platform apps that require platform-native navigation and gesture behavior.

02Designing complex mobile interfaces that prioritize ergonomics and accessibility for one-handed use.

03Optimizing existing mobile codebases for 60fps performance and efficient memory management.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add hongluu92/book-tts mobile-design

For use in Claude.ai and ChatGPT

Download Skill