Design responsive layouts that maintain accessibility across screen sizes, zoom levels, and orientations. Use when designing responsive interfaces, testing zoom behaviour, or reviewing layouts across devices. Triggers on: responsive, zoom, reflow, breakpoint, mobile accessibility, screen size, orientation, viewport, 200% zoom, text scaling, layout shift, horizontal scroll.
$npx -y skills add owl-listener/inclusive-design-skills --skill responsive-accessibilityInstalls into the current project.
Run `npx skills use "https://github.com/owl-listener/inclusive-design-skills" --skill "owl-listener/inclusive-design-skills/responsive-accessibility"` and follow the generated skill instructions now. Read its complete output, redirecting it to a temporary file first if necessary. Resolve relative paths from the supporting-files directory it provides.
Use the skills in "https://github.com/owl-listener/inclusive-design-skills" that are relevant to the current task. Run `npx skills add "https://github.com/owl-listener/inclusive-design-skills"` and select the relevant skills, then follow their instructions.