How does this skill improve mobile app performance?

It enforces optimized rendering techniques like list memoization, GPU-accelerated animations, and proper cleanup of listeners to prevent memory leaks.

Which mobile frameworks are supported by this skill?

The skill provides specialized patterns and best practices for React Native, Flutter, SwiftUI, and Kotlin, as well as general mobile-first design principles.

Does this skill provide security recommendations?

Yes, it specifically targets security anti-patterns by recommending SecureStore/Keychain over AsyncStorage and enforcing SSL pinning and secure logging.

Can I use this for tablet-specific designs?

Absolutely. While it prioritizes a 'mobile-first' approach, it includes logic for handling layout complexity across different screen sizes and target devices.

Mobile App Design System

Name: Mobile App Design System
Author: claudiodearaujo

byclaudiodearaujo

•

Mobile Development

Implements mobile-first design principles and performance-optimized patterns for iOS, Android, and cross-platform applications.

This skill transforms Claude into a specialized mobile architect, providing a comprehensive framework for building high-performance, touch-first applications. It moves beyond simple UI generation by enforcing platform-specific conventions (iOS HIG and Android Material 3), battery-conscious architecture, and rigorous performance standards. Whether you are working with React Native, Flutter, or native code, this skill ensures your mobile apps adhere to critical UX principles like Fitts' Law and the Thumb Zone while avoiding common AI pitfalls such as inefficient list rendering or insecure local storage.

주요 기능

011 GitHub stars

02Platform-aware UI/UX guidance for both iOS (SF Pro/HIG) and Android (Roboto/Material 3)

03Comprehensive mobile security protocols for token storage and API communication

04Mandatory mobile UX checkpoints to ensure accessible touch targets and gesture support

05Offline-first architectural patterns and robust state management strategies

06Performance-optimized list patterns for React Native (FlatList/FlashList) and Flutter

사용 사례

01Implementing platform-specific navigation and native-feeling interactions for iOS and Android

02Architecting a new cross-platform mobile app using React Native or Flutter with best practices

03Auditing an existing mobile project for performance bottlenecks, memory leaks, and UX friction

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add claudiodearaujo/sistema-de-narra-o-de-livro mobile-design

For use in Claude.ai and ChatGPT

Download Skill