Does this skill support cross-platform frameworks?

Yes, it includes specific optimization patterns, decision trees, and best practices for both React Native and Flutter environments.

How does it improve mobile app performance?

It enforces mandatory performance rules such as list memoization, constant constructors, and native driver animations to prevent frame drops and excessive battery drain.

Does it handle platform-specific UI differences?

Yes, it provides logic for platform divergence, ensuring that iOS apps feel like iOS (SF Pro, edge swipes) and Android apps feel like Android (Roboto, system back buttons).

Can it help with mobile-specific security?

Absolutely; it includes patterns for secure token storage using Keychain and SecureStore instead of insecure defaults like AsyncStorage.

Mobile Design Systems Expert

Name: Mobile Design Systems Expert
Author: danstrem2

bydanstrem2

•

Mobile Development

Implements mobile-first design principles and performance patterns for iOS, Android, React Native, and Flutter applications.

This skill equips Claude with specialized knowledge for building high-quality mobile applications, moving beyond generic web patterns to embrace mobile-specific constraints. It enforces platform-specific conventions for iOS and Android, optimizes for touch interaction using Fitts' Law and Thumb Zone ergonomics, and prioritizes mobile performance through memoization and native animation drivers. Whether building with React Native, Flutter, or native code, this skill ensures your mobile apps are battery-conscious, offline-capable, and professionally architected.

主な機能

01Touch-optimized ergonomics based on Fitts' Law and thumb-reach zone mapping.

02Platform-specific UI/UX guidance for iOS Human Interface Guidelines and Android Material Design 3.

03Critical performance patterns for React Native and Flutter to ensure smooth 60fps interactions.

041 GitHub stars

05Automated mobile UX auditing scripts to validate touch targets and performance bottlenecks.

06Secure mobile architecture patterns for data storage, API handling, and offline synchronization.

ユースケース

01Adapting web-based interfaces into touch-first mobile designs that respect platform muscle memory.

02Designing a high-performance cross-platform navigation system using stacks, tabs, and drawers.

03Refactoring inefficient list components into optimized FlatList or ListView implementations.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add danstrem2/clawdbot-skill-master-pack mobile-design

For use in Claude.ai and ChatGPT

Download Skill