How does this skill handle the difference between iOS and Android?

It uses a platform decision matrix to determine when to unify business logic and when to diverge for UI elements like navigation, gestures, and system fonts.

Can this skill help with mobile security?

Absolutely. It prevents common security mistakes like storing sensitive tokens in AsyncStorage by mandating the use of SecureStore or Keychain.

Does it help with app performance?

Yes, it enforces critical performance rules such as using memoized list items, avoiding heavy computations on the JS thread, and utilizing the native driver for animations.

Does it include automated testing or audits?

The skill includes a mobile_audit.py script that can be executed to perform a UX and touch-target audit on your project path.

What mobile frameworks are supported by this skill?

This skill provides specific guidance and code patterns for React Native, Flutter, and native iOS (SwiftUI) and Android (Kotlin/Compose) development.

Mobile Design System

Name: Mobile Design System
Author: claudiodearaujo

byclaudiodearaujo

0•

Mobile Development

Implements mobile-first design principles and platform-specific conventions for high-performance iOS and Android applications.

The Mobile Design System skill equips Claude with specialized knowledge to build, audit, and optimize mobile applications across iOS, Android, and cross-platform frameworks like React Native and Flutter. It shifts the AI's perspective from desktop-centric development to a mobile-first mindset, focusing on touch ergonomics, battery efficiency, and platform-specific Human Interface Guidelines and Material Design patterns. By enforcing performance best practices—such as efficient list rendering and native-driven animations—and security standards like encrypted local storage, this skill ensures that mobile apps are not just functional, but performant and user-friendly.

Key Features

01Optimization for touch interactions, Fitts' Law, and ergonomic thumb-zone placement

02Automated mobile UX audits and validation via included Python scripts

030 GitHub stars

04Platform-specific UI/UX logic for iOS (HIG) and Android (Material Design 3)

05Framework-specific performance patterns for React Native and Flutter to maintain 60fps

06Security-first data persistence patterns using Keychain and EncryptedSharedPreferences

Use Cases

01Refactoring a web-based UI into a mobile-first interface optimized for small screens and touch

02Auditing existing mobile codebases for performance anti-patterns and memory leaks

03Building cross-platform apps with platform-specific navigation and interaction logic

What are Skills?·How to Install

Install with 🐟 Skill.Fish

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

For use in Claude.ai and ChatGPT

Download Skill