Can it help with mobile security best practices?

Absolutely. It prevents hardcoding API keys and ensures sensitive tokens are stored in secure enclaves like iOS Keychain or Android EncryptedSharedPreferences.

How does it ensure better mobile UX?

It incorporates Fitts' Law and thumb-zone optimization to ensure that primary actions are within reach and touch targets are large enough for human fingers.

Does it handle platform-specific UI differences?

Yes, it differentiates between iOS Human Interface Guidelines and Android Material Design for navigation, icons, date pickers, and haptic feedback.

What frameworks does this skill support?

It supports React Native, Flutter, and native development (SwiftUI/Kotlin) with specific patterns and decision trees for each.

How does it improve mobile performance?

It enforces the use of optimized components like FlatList/FlashList, prevents unnecessary re-renders via memoization, and prioritizes GPU-accelerated animations.

Mobile Design & Development Patterns

Name: Mobile Design & Development Patterns
Author: GrupoUS

byGrupoUS

0•

Mobile Development

Optimizes mobile application development through platform-specific design systems, performance-focused code patterns, and touch-first interaction principles.

This skill equips Claude with specialized knowledge for building high-quality mobile applications using React Native, Flutter, or native frameworks. It moves beyond generic code generation by enforcing 'mobile-first' thinking, prioritizing touch ergonomics (Fitts' Law), battery efficiency, and offline capabilities. It provides critical guardrails against common AI anti-patterns like inefficient list rendering or insecure token storage, ensuring generated code respects platform-specific conventions (iOS Human Interface Guidelines and Android Material Design 3) while maintaining a high-performance 60fps user experience.

Características Principales

01Platform-Specific Guidance: Tailored implementation strategies for iOS (HIG) and Android (Material Design 3).

02Performance Optimization: Enforces best practices like memoization, efficient list rendering, and native animation drivers.

03Touch-First UX: Implements ergonomics like the 'Thumb Zone' and minimum 44/48px touch targets.

04Secure Architecture: Mandates secure storage for sensitive data and prevents common mobile security leaks.

05Offline-First Logic: Guidance on sync strategies, caching, and graceful network degradation.

060 GitHub stars

Casos de Uso

01Auditing existing mobile codebases for performance bottlenecks and UX friction points.

02Implementing complex mobile navigation flows and secure state management architectures.

03Building cross-platform apps with React Native or Flutter that feel truly native to each platform.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add grupous/projeto-convex mobile-design

For use in Claude.ai and ChatGPT

Download Skill