How does this skill handle platform differences?

It uses a platform decision matrix to help Claude determine when to unify business logic and when to diverge UI elements like navigation, gestures, and typography to match native expectations.

What frameworks does the Mobile Design System skill support?

It provides specific implementation patterns and optimization strategies for React Native, Flutter, and native iOS (SwiftUI) or Android (Kotlin) development.

Can it help improve mobile app performance?

Yes, it enforces strict rules for list rendering, memory management, and GPU-accelerated animations to ensure apps remain responsive and battery-efficient.

Does it include security best practices?

Absolutely. It mandates the use of secure storage (Keychain/EncryptedSharedPreferences) and identifies anti-patterns like hardcoded API keys or logging sensitive PII.

Mobile Design System

Name: Mobile Design System
Author: jesus-bazan-entel

byjesus-bazan-entel

0•

Mobile Development

Guides the creation of touch-first, platform-respectful mobile applications using performance-driven patterns for iOS and Android.

This skill transforms Claude into a specialized mobile architect capable of building high-performance iOS and Android applications. It moves beyond 'small screen' web design to enforce mobile-first constraints, platform-specific UI conventions (HIG and Material Design), and rigorous performance standards for frameworks like React Native and Flutter. By prioritizing touch ergonomics, battery-conscious data strategies, and native-feel navigation, it ensures developers avoid common AI pitfalls like inefficient list rendering or insecure data storage, resulting in production-grade mobile software.

주요 기능

01Performance-critical patterns for React Native (FlashList/memoization) and Flutter (const constructors).

02Offline-first architecture guidance and robust mobile-specific error handling.

03Mobile security auditing for secure token storage and PII protection.

04Platform-specific UI validation for Human Interface Guidelines (iOS) and Material Design 3 (Android).

05Touch interaction optimization using Fitts' Law and ergonomic thumb-zone mapping.

060 GitHub stars

사용 사례

01Refactoring web-based interfaces into touch-optimized mobile layouts with appropriate hit targets.

02Architecting a cross-platform mobile app that maintains a native feel on both iOS and Android.

03Optimizing rendering performance in React Native or Flutter to achieve a consistent 60fps.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add jesus-bazan-entel/apolo-lms-admin mobile-design

For use in Claude.ai and ChatGPT

Download Skill