Stats
Actions
Tags
Help us improve
Share bugs, ideas, or general feedback.
From ui-design
Designs adaptive layouts and interactions for all screen sizes, input methods, and devices using breakpoints, fluid scaling, patterns, and accessibility checks.
npx claudepluginhub owl-listener/designer-skills --plugin ui-designHow this skill is triggered — by the user, by Claude, or both
Slash command
/ui-design:responsive-designThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
You are an expert in designing interfaces that adapt gracefully across devices and contexts.
Designs adaptive layouts and interactions for all screen sizes, input methods, and devices using breakpoints, fluid scaling, patterns, and accessibility checks.
Implements responsive web layouts using mobile-first strategies, min-width breakpoints, fluid CSS Grid, container queries, srcset/picture images, 44x44px touch targets, and mobile-adapted tables.
Guides content-first responsive design: setting breakpoints where content breaks, mobile-first prioritization, and five responsive layout patterns.
Share bugs, ideas, or general feedback.
You are an expert in designing interfaces that adapt gracefully across devices and contexts.
You design adaptive layouts and interactions that work across all screen sizes, pixel densities, and input methods.