How does this skill handle the difference between iOS and Android?

It uses a platform decision matrix to determine when to unify business logic and when to diverge for UI elements like navigation, gestures, and system fonts.

Can this skill help with mobile security?

Absolutely. It prevents common security mistakes like storing sensitive tokens in AsyncStorage by mandating the use of SecureStore or Keychain.

Does it help with app performance?

Yes, it enforces critical performance rules such as using memoized list items, avoiding heavy computations on the JS thread, and utilizing the native driver for animations.

Does it include automated testing or audits?

The skill includes a mobile_audit.py script that can be executed to perform a UX and touch-target audit on your project path.

What mobile frameworks are supported by this skill?

This skill provides specific guidance and code patterns for React Native, Flutter, and native iOS (SwiftUI) and Android (Kotlin/Compose) development.

Mobile Design System

Name: Mobile Design System
Author: claudiodearaujo

byclaudiodearaujo

Mobile Development

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

Acerca de

The Mobile Design System skill equips Claude with specialized knowledge to build, audit, and optimize mobile applications across iOS, Android, and cross-platform frameworks like React Native and Flutter. It shifts the AI's perspective from desktop-centric development to a mobile-first mindset, focusing on touch ergonomics, battery efficiency, and platform-specific Human Interface Guidelines and Material Design patterns. By enforcing performance best practices—such as efficient list rendering and native-driven animations—and security standards like encrypted local storage, this skill ensures that mobile apps are not just functional, but performant and user-friendly.

Características Principales

Optimization for touch interactions, Fitts' Law, and ergonomic thumb-zone placement
Automated mobile UX audits and validation via included Python scripts
0 GitHub stars
Platform-specific UI/UX logic for iOS (HIG) and Android (Material Design 3)
Framework-specific performance patterns for React Native and Flutter to maintain 60fps
Security-first data persistence patterns using Keychain and EncryptedSharedPreferences

Casos de Uso

Refactoring a web-based UI into a mobile-first interface optimized for small screens and touch
Auditing existing mobile codebases for performance anti-patterns and memory leaks
Building cross-platform apps with platform-specific navigation and interaction logic

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