Can this skill improve my app's performance?

Yes, it enforces strict performance principles including list optimization, GPU-accelerated animations, and proper memory management for mobile environments.

What is the 'Mobile Design Thinking' priority?

It is a core principle that forces the AI to consider mobile-specific constraints—like connectivity and limited screen real estate—rather than defaulting to desktop patterns.

How does this skill handle iOS and Android differences?

It utilizes a platform decision matrix to determine when to unify business logic and when to diverge for platform-specific elements like navigation, gestures, and haptics.

What frameworks does the mobile-design skill support?

It provides comprehensive guidance for React Native, Flutter, and native iOS (SwiftUI) and Android (Jetpack Compose) development.

Mobile App Design System

Name: Mobile App Design System
Author: claudiodearaujo

byclaudiodearaujo

•

Mobile Development

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

This skill equips Claude with specialized knowledge for mobile application development, focusing on touch-first interactions, performance optimization, and platform-native conventions. It moves beyond basic responsive web design to address mobile-specific constraints like the thumb zone, battery life, and offline synchronization across React Native, Flutter, and native frameworks. By enforcing a rigorous decision-making framework and mandatory performance checkpoints, it ensures developers avoid common anti-patterns such as inefficient list rendering or insecure token storage while maintaining the distinct look and feel of both iOS and Android platforms.

주요 기능

01Performance-critical patterns for React Native (FlatList, memoization) and Flutter

02Automated mobile UX and touch target audit scripts for project validation

03Touch-first interaction design based on Fitts' Law and thumb zone ergonomics

04Secure storage strategies and mobile-specific backend integration (Push, Offline Sync)

05Platform-specific UX guidance for Apple Human Interface Guidelines and Material Design 3

061 GitHub stars

사용 사례

01Architecting high-performance cross-platform apps using React Native or Flutter

02Planning offline-first data strategies and secure authentication flows for mobile devices

03Refactoring mobile UI components for better accessibility and touch target accuracy

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