What design principles are included?

It covers Fitts' Law for touch targets, the 'Thumb Zone' for ergonomics, and platform-specific navigation conventions to ensure a native feel.

Does it support cross-platform frameworks?

Yes, it specifically provides patterns and performance optimizations for React Native and Flutter, as well as native Swift/Kotlin development.

How does this skill improve mobile performance?

It enforces rules like memoization for lists, using native drivers for animations, and avoiding expensive re-renders in frameworks like React Native and Flutter.

Can it audit my current mobile project?

Yes, it includes a runtime script, scripts/mobile_audit.py, designed to perform UX and touch audits on your existing project path.

How does it handle mobile security?

It mandates the use of secure storage (Keychain/EncryptedSharedPreferences) instead of insecure options like AsyncStorage for sensitive tokens or PII.

Mobile Design System

Name: Mobile Design System
Author: claudiodearaujo

byclaudiodearaujo

0•

Mobile Development

Enforces mobile-first design principles, platform-specific conventions, and performance best practices for iOS and Android application development.

The Mobile Design System skill provides a comprehensive framework for building high-quality mobile applications using React Native, Flutter, or native technologies. It guides development by prioritizing touch-first interactions, battery-conscious performance, and platform-respectful UI patterns like Apple's Human Interface Guidelines and Android's Material Design. By mandating deep-dives into touch psychology, offline synchronization, and mobile security, this skill prevents common AI pitfalls such as inefficient list rendering, undersized touch targets, and insecure data storage, ensuring apps are both performant and user-friendly.

主要功能

01Platform-specific guidance for iOS Human Interface Guidelines and Android Material Design 3.

02Offline-first architecture guidance for data synchronization and graceful degradation.

030 GitHub stars

04Touch-first UX principles focusing on Fitts' Law and 'Thumb Zone' ergonomics for one-handed use.

05Performance auditing for React Native and Flutter, including list optimization and animation patterns.

06Mobile-specific security protocols for secure token storage and PII handling.

使用场景

01Designing an Android-first interface using Material Design 3 components and proper system back-button handling.

02Auditing existing mobile codebases for touch target accessibility and battery-draining anti-patterns.

03Architecting a cross-platform React Native app with optimized FlatList performance and secure keychain storage.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add claudiodearaujo/izacenter mobile-design

For use in Claude.ai and ChatGPT

Download Skill