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

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.

주요 기능

Automated mobile UX and touch target audits via integrated scripts
Performance-critical patterns for React Native (FlatList, memoization) and Flutter (const constructors)
Platform-specific logic for iOS Human Interface Guidelines and Android Material Design 3
0 GitHub stars
Touch interaction optimization based on Fitts' Law and thumb zone mapping
Mobile-first security protocols for secure storage, biometrics, and SSL pinning

사용 사례

Optimizing mobile app performance to achieve 60fps scrolling and efficient memory usage
Architecting cross-platform applications using React Native or Flutter with platform-specific UX
Designing 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

GitHub

소개