Does this skill support both React Native and Flutter?

Yes, it provides framework-specific optimization patterns and architectural guidance for both React Native and Flutter, as well as native iOS and Android development.

How does it ensure platform-specific design?

The skill includes dedicated reference modules for iOS Human Interface Guidelines and Android Material Design, forcing the AI to apply conditional logic based on the target platform.

Can it help with mobile app performance issues?

Absolutely. It enforces critical performance rules such as list memoization, constant constructors, and GPU-accelerated animations to ensure a smooth 60fps experience.

What security practices does this skill follow?

It mandates the use of secure storage like Keychain or EncryptedSharedPreferences for tokens and prohibits hardcoding API keys or logging PII.

Mobile Design System

Name: Mobile Design System
Author: maskelog

bymaskelog

•

Mobile Development

Implements high-performance, platform-compliant mobile interfaces using industry-standard UX principles and framework-specific optimizations.

The Mobile Design System skill empowers Claude to act as a senior mobile engineer and UX specialist by enforcing a 'mobile-first' mindset for React Native, Flutter, and native applications. It moves beyond generic code generation to provide domain-specific guidance on touch-target precision, thumb-zone mapping, and battery-conscious performance patterns. By strictly following platform conventions like iOS Human Interface Guidelines and Material Design 3, this skill ensures that cross-platform apps feel truly native while avoiding common AI pitfalls like inefficient list rendering or insecure data storage.

주요 기능

01Mandatory security auditing for sensitive data storage and API handling

021 GitHub stars

03Performance-optimized patterns for React Native (FlatList/Memo) and Flutter (Const/ValueListenable)

04Touch-psychology integration including thumb-zone mapping and Fitts' Law

05Platform-specific UI/UX guidance for iOS (HIG) and Android (Material 3)

06Automated mobile UX audits via integrated runtime validation scripts

사용 사례

01Refactoring mobile codebases to achieve 60fps scrolling and optimal memory management

02Building cross-platform apps that maintain native feel and performance on both iOS and Android

03Designing accessible, touch-friendly interfaces that prioritize one-handed usage patterns

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add maskelog/daegu_bus_flutter_app mobile-design

For use in Claude.ai and ChatGPT

Download Skill