Can it help with mobile app security?

Absolutely. It prevents security anti-patterns by mandating the use of SecureStore/Keychain over AsyncStorage and enforcing SSL pinning strategies.

Which mobile frameworks are supported by this skill?

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

How does this skill improve app performance?

It enforces best practices like memoized list rendering, hardware-accelerated animations, and optimized state management to maintain a consistent 60fps.

Does it help with iOS and Android platform differences?

Yes, it includes a platform decision matrix to determine when to unify UI and when to diverge to respect native conventions like edge-swiping or system back buttons.

Mobile Design & Performance System

Name: Mobile Design & Performance System
Author: xenitV1

byxenitV1

•

105

Mobile Development

Enforces mobile-first design principles and performance patterns for React Native, Flutter, and native applications.

概要

This skill equips Claude with specialized mobile architecture knowledge to ensure apps are built for touch, battery efficiency, and platform-specific conventions. It moves beyond 'desktop-in-a-browser' thinking by enforcing Fitts' Law for touch targets, thumb-zone ergonomics, and 60fps performance patterns. By utilizing mandatory reference checks and anti-pattern guardrails, it prevents common mobile development mistakes such as memory-intensive list rendering, insecure local storage, and non-native navigation behaviors.

主な機能

Offline-first architecture and battery-conscious data synchronization patterns
Performance-first list rendering and animation optimization strategies
Touch psychology audits focusing on target sizing and thumb-zone accessibility
Security-hardened patterns for local storage and sensitive data handling
Platform-specific UI/UX guidance for both iOS (HIG) and Android (Material 3)
105 GitHub stars

ユースケース

Auditing existing mobile codebases for UX friction and performance bottlenecks
Transitioning web-based logic into platform-native mobile experiences
Architecting high-performance cross-platform apps using React Native or Flutter

概要

主な機能

Offline-first architecture and battery-conscious data synchronization patterns
Performance-first list rendering and animation optimization strategies
Touch psychology audits focusing on target sizing and thumb-zone accessibility
Security-hardened patterns for local storage and sensitive data handling
Platform-specific UI/UX guidance for both iOS (HIG) and Android (Material 3)
105 GitHub stars

ユースケース

Auditing existing mobile codebases for UX friction and performance bottlenecks
Transitioning web-based logic into platform-native mobile experiences
Architecting high-performance cross-platform apps using React Native or Flutter