Help us improve
Share bugs, ideas, or general feedback.
From adaptive-interfaces
Defines how a UI adapts to user preferences, screen conditions, and cognitive needs — covering reduced motion, contrast, zoom, reflow, typography, colour independence, and simplified views.
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:specifyThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
Define how an interface adapts to diverse user needs — preferences,
Guides designing adaptive web interfaces that respect user preferences for motion sensitivity, contrast, color schemes, text sizing, and information density using CSS media queries.
Guides UI/UX decisions, layout, typography, color and accessibility with a two-path flow: follow existing design systems or run design discovery for greenfield projects.
Audits an existing interface for respect of user preferences including motion, contrast, colour scheme, and text scaling. Use when reviewing adaptive behaviour.
Share bugs, ideas, or general feedback.
Define how an interface adapts to diverse user needs — preferences, screen conditions, and cognitive requirements — as part of the design specification, not as a retrofit.
Using user-preference-respect, specify how the interface responds to each system preference:
Using responsive-accessibility, specify:
Using flexible-typography, specify:
Using colour-independence, specify:
Using simplified-views and information-density, specify:
Deliver an adaptive behaviour specification: