How does it improve app performance?

It enforces strict rules for list rendering, memoization, and animation drivers to ensure apps maintain 60fps and minimize battery consumption.

Why is the 'mobile-design-thinking' file mandatory?

This file is critical to prevent the AI from defaulting to web-based patterns, forcing it to consider mobile constraints like limited screen space, touch imprecision, and intermittent connectivity.

Can it help with mobile security best practices?

Yes, it identifies security 'sins' like storing tokens in AsyncStorage and provides secure alternatives like Keychain, SecureStore, or EncryptedSharedPreferences.

What mobile frameworks does this skill support?

The skill provides specialized guidance for React Native, Flutter, and native iOS (SwiftUI) and Android (Jetpack Compose) development.

Mobile Design & Optimization

Name: Mobile Design & Optimization
Author: sickn33

bysickn33

•

2,294

•

Mobile Development

Guides mobile app development through platform-specific design thinking, touch-first interactions, and high-performance implementation patterns for iOS and Android.

This skill transforms Claude into a specialized mobile architect capable of making informed decisions for React Native, Flutter, and native platforms. It enforces mobile-first thinking, prioritizing touch psychology (Fitts' Law), battery-conscious performance, and platform-specific conventions over generic desktop-oriented web patterns. By mandating a comprehensive audit of performance, security, and UX anti-patterns, it ensures that AI-generated mobile code is production-ready, accessible, and respectful of both Apple's Human Interface Guidelines and Google's Material Design.

主な機能

01Touch-First Interaction: Enforces Fitts' Law, thumb-zone mapping, and 44-48px minimum touch targets.

02Anti-Pattern Prevention: Proactively blocks common AI mistakes like non-memoized lists, unsafe token storage, and business logic in the UI.

03Platform-Specific Guidance: Tailored logic for iOS (HIG) and Android (Material Design 3).

04Performance Optimization: Mandates high-performance list rendering (FlatList/FlashList) and hardware-accelerated animations.

052,294 GitHub stars

06Secure Mobile Architecture: Guides implementation of secure storage (Keychain/SecureStore), offline sync, and deep linking.

ユースケース

01Migrating web-based logic to mobile-first architectures while handling offline states and native navigation.

02Architecting cross-platform React Native or Flutter applications with production-grade performance.

03Auditing existing mobile UI/UX for touch accessibility, thumb-zone compliance, and platform-specific feel.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add sickn33/antigravity-awesome-skills mobile-design

For use in Claude.ai and ChatGPT

Download Skill