mobile-design-patterns
CommunityDesign mobile apps that feel native and intuitive.
Authorchriscarterux
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill eliminates the guesswork and complexity of mobile app design by providing proven patterns, platform-specific guidelines, and performance optimizations that ensure your apps work beautifully on any device.
Core Features & Use Cases
- Platform-Specific Patterns: iOS Human Interface Guidelines and Android Material Design patterns for native experiences
- Gesture & Navigation Systems: Standard and custom gesture controls with optimal navigation flows
- Performance Optimization: Mobile-first responsive design, lazy loading, and bundle optimization techniques
- Use Case: Imagine you're building a food delivery app. Use this Skill to implement bottom tab navigation for main sections, optimize images for slow connections, and ensure touch targets are thumb-friendly for one-handed use.
Quick Start
Design a mobile login screen with proper touch targets and platform-specific styling for both iOS and Android.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: mobile-design-patterns Download link: https://github.com/chriscarterux/chris-claude-stack/archive/main.zip#mobile-design-patterns Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.