How does this skill improve mobile performance?

It enforces best practices like using FlatList/FlashList instead of ScrollView, memoizing render functions, using native drivers for animations, and avoiding expensive re-renders.

Which frameworks does the mobile-design skill support?

It is designed to support React Native, Flutter, and native iOS (Swift/SwiftUI) and Android (Kotlin/Compose) development.

Does it handle the differences between iOS and Android?

Yes, it includes a platform decision matrix that guides when to unify business logic and when to diverge for platform-specific navigation, gestures, and UI components.

What mobile security practices are included?

The skill prioritizes secure data handling, recommending SecureStore or Keychain over AsyncStorage for tokens, and provides guidance on SSL pinning and preventing PII leaks in logs.

Mobile Design System

Name: Mobile Design System
Author: claudiodearaujo

byclaudiodearaujo

0•

Mobile Development

Implements mobile-first design thinking and platform-specific patterns for high-performance iOS and Android applications.

The mobile-design skill transforms Claude into a specialized mobile architect that prioritizes touch-first interactions, battery efficiency, and platform-specific conventions over 'small desktop' layouts. It provides domain-specific guidance for React Native, Flutter, and native development, ensuring code follows Fitts' Law for touch targets, utilizes performance-optimized list rendering, and respects platform-specific navigation patterns like iOS edge swipes versus Android back buttons. By enforcing a 'think mobile' philosophy, it helps developers avoid common AI pitfalls like improper state management, security vulnerabilities in local storage, and janky UI animations.

Key Features

01Automated mobile UX and touch target audits via integrated scripts

02Performance-critical patterns for React Native (FlatList, memoization) and Flutter (const constructors)

03Platform-specific logic for iOS Human Interface Guidelines and Android Material Design 3

040 GitHub stars

05Touch interaction optimization based on Fitts' Law and thumb zone mapping

06Mobile-first security protocols for secure storage, biometrics, and SSL pinning

Use Cases

01Optimizing mobile app performance to achieve 60fps scrolling and efficient memory usage

02Architecting cross-platform applications using React Native or Flutter with platform-specific UX

03Designing accessible touch interfaces that adhere to native Apple and Google accessibility standards

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