Mobile Responsiveness

Covers the essentials for building mobile-first interfaces without making you hunt through docs. You get standard breakpoint patterns in both vanilla CSS and Tailwind, fluid typography with clamp, a swipeable component with touch event handling, and a solid mobile nav pattern with backdrop. The safe area insets section is especially useful if you're dealing with iOS notches and home indicators. Includes a useMediaQuery hook that actually handles cleanup properly. It's all copy-paste ready code rather than theory, which is what you want when you're just trying to make something work across screen sizes. The mobile-first approach is baked into the examples, so you're not retrofitting responsiveness later.

Install to Claude Code

npx -y skills add hoodini/ai-agents-skills --skill mobile-responsiveness --agent claude-code