What is the primary philosophy of this skill?

The core principle is that 'Mobile is NOT a small desktop.' It forces the AI to consider touch constraints, battery usage, and platform-specific muscle memory.

Can it help improve mobile app performance?

Absolutely. It enforces rules for efficient list rendering, memory management, and GPU-accelerated animations to ensure 60fps performance.

How does it handle iOS and Android differences?

It utilizes a platform decision matrix to determine when to unify logic and when to diverge for native-feeling navigation, iconography, and interactions.

Does this skill support cross-platform frameworks?

Yes, it includes specialized optimizations, performance rules, and best practices specifically for React Native and Flutter.

Mobile Design System

Name: Mobile Design System
Author: claudiodearaujo

byclaudiodearaujo

•

Mobile Development

Guides the development of mobile-first applications with platform-specific conventions, touch-optimized UX, and high-performance patterns.

The mobile-design skill equips Claude with specialized knowledge for building native and cross-platform mobile applications for iOS and Android. It enforces a mobile-first philosophy, prioritizing touch-friendly interfaces, battery efficiency, and offline capabilities while preventing common AI mistakes like desktop-centric layouts or inefficient list rendering. By integrating platform-specific Human Interface Guidelines (HIG) and Material Design principles, it ensures apps feel native and performant across React Native, Flutter, and native environments.

主要功能

011 GitHub stars

02Platform-specific design validation for iOS HIG and Android Material Design 3

03Automated mobile-first thinking checkpoints to prevent common development anti-patterns

04Performance optimization patterns for React Native and Flutter frameworks

05Touch-first UX principles including Fitts' Law and Thumb Zone optimization

06Architectural guidance on mobile security, haptics, and offline-capable data strategies

使用场景

01Building high-performance cross-platform apps using React Native or Flutter

02Converting web-centric dashboards into touch-optimized mobile interfaces

03Auditing mobile codebases for performance bottlenecks and UX friction points

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add claudiodearaujo/sistema-de-narra-o-de-livro mobile-design

For use in Claude.ai and ChatGPT

Download Skill