Provide adaptive design plans with breakpoints and layout changes for cross-device interfaces.
npx skills add https://github.com/heyramzi/clickup-utils --skill adapt-heyramzi
Please help me install this Agent Skill. Skill: adapt Source: https://github.com/heyramzi/clickup-utils/tree/main/.claude/skills/adapt Command: npx skills add https://github.com/heyramzi/clickup-utils --skill adapt-heyramzi
Adapt designs to work effectively across different contexts—across screen sizes, devices, and usage scenarios—by rethinking layouts, interactions, and content.
Provide an adaptive design plan that outlines breakpoints, layout changes, and interaction adjustments for a given interface.
High-intent search queries and answers about installing and using this skill.
To make UI design responsive across mobile, tablet, and desktop, apply fluid layouts and specific breakpoints. Adjust interaction patterns and navigation for touch, mouse, and keyboard inputs to ensure usable experiences across devices.
Responsive breakpoints for cross-device adaptation should separate mobile, tablet, desktop, and print contexts. Specify layout changes and interaction adjustments at each breakpoint to maintain usability and accessible experiences across all screens.
Ensure accessibility in responsive design systems by applying readable typography, adequate contrast, and scalable touch targets. Include keyboard navigation and progressive disclosure guardrails to maintain accessible experiences across all devices.
The best way to adapt touch targets for mobile interaction is to apply scalable target dimensions and progressive disclosure. Tailor interaction patterns specifically for touch inputs to ensure usable and accessible mobile experiences across devices.
Yes, you can use CSS techniques to adapt layouts for print contexts. Apply responsive patterns and specific guardrails to adjust typography, navigation, and layout for print, ensuring usable and accessible printed experiences across devices.
camilooscargbaptistaEvaluate UI mockups for usability, accessibility, and interaction issues, producing prioritized recommendations.
HieubkavImplement responsive mobile-first layouts with fluid containers, breakpoints, and touch targets.
CrazyDubyaAudit web applications for WCAG 2.1 Level AA accessibility compliance.
kaishinAdapt design patterns across screen sizes, devices, and contexts.
