mobile-responsiveness
Build responsive, mobile-first web applications. Use when implementing responsive layouts, touch interactions, mobile navigation, or optimizing for various screen sizes. Triggers on responsive design, mobile-first, breakpoints, touch events, viewport.
By hoodini · 1,285 installs
npx skills add hoodini/ai-agents-skills --skill mobile-responsiveness
Source repository · Upstream listing
Mobile Responsiveness
Build responsive, mobile first web applications.
Mobile First Breakpoints
Tailwind Breakpoints
Fluid Typography
Touch Interactions
Mobile Navigation
Safe Areas (Notch/Home Indicator)
Viewport Meta Tag
useMediaQuery Hook
Resources
Responsive Design : https://web.dev/learn/design/
Mobile First CSS : https://developer.mozilla.org/en US/docs/Learn/CSS/CSS layout/Responsive Design
Viewport Units : https://developer.mozilla.org/en US/docs/Web/CSS/length viewport percentage lengths