mobile-design-patterns

Community

Design 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 required

Components

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.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.