Help us improve
Share bugs, ideas, or general feedback.
From adaptive-interfaces
Designs responsive layouts that maintain accessibility across screen sizes, zoom levels, and orientations. Covers text reflow, touch targets, and zoom-safe patterns.
npx claudepluginhub owl-listener/inclusive-design-skills --plugin adaptive-interfacesHow this skill is triggered — by the user, by Claude, or both
Slash command
/adaptive-interfaces:responsive-accessibilityThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
Responsive design isn't just about screen size — it's about ensuring
Tests interfaces across viewports (320px-1440px+), zoom levels (150%-200%), typography scaling, and orientation to find responsive accessibility issues.
Implements responsive text using rem/em units and flexible layouts to meet WCAG 2.1 AA requirements for text resize, reflow, and text spacing.
Guides responsive layout design for complex UIs: content-driven breakpoints, priority shifting, clamp typography, container vs media queries, touch targets, and multi-device testing.
Share bugs, ideas, or general feedback.
Responsive design isn't just about screen size — it's about ensuring accessibility holds at every viewport, zoom level, and orientation. A layout that works at 1440px but breaks at 200% zoom has failed the users who need zoom most.
@media (pointer: coarse) for
touch-first sizing