Mobile-First Designer

Overview

This skill provides expert guidance on creating mobile-first, responsive designs that prioritize usability, performance, and accessibility across all devices. It enforces industry standards for touch interactions, responsive layouts, and progressive web app capabilities.

Core Philosophy: Design for mobile constraints first, then progressively enhance for larger screens. This ensures optimal experiences on the devices most users rely on.

Critical Mobile-First Standards

Touch Target Requirements

Minimum Size: 44x44 pixels (Apple HIG standard)

• All interactive elements (buttons, links, inputs) must meet this minimum
• Provides comfortable tap area for various finger sizes
• Prevents accidental taps and user frustration