Mobile First Design

This walks you through the mobile-first methodology: start with a 320px baseline, nail the essential features and touch targets, then progressively enhance for tablets and desktops. You get breakpoint guidelines, performance optimization tips, and the core principle that constraints force better prioritization. The reference guides cover responsive patterns, mobile performance, and progressive enhancement strategies. Honest take: the approach is sound and the 44px touch target rule alone saves headaches, but the real value is in forcing you to justify every element before scaling up. Best for web apps and responsive sites where you need cross-device consistency without bloat.

Install to Claude Code

npx -y skills add aj-geddes/useful-ai-prompts --skill mobile-first-design --agent claude-code