Guide responsive design adaptation across mobile, tablet, and desktop breakpoints.
npx skills add https://github.com/Olatisunkanmi/claudefiles --skill i-adapt-olatisunkanmi
Please help me install this Agent Skill. Skill: i-adapt Source: https://github.com/Olatisunkanmi/claudefiles/tree/main/skills/i-adapt Command: npx skills add https://github.com/Olatisunkanmi/claudefiles --skill i-adapt-olatisunkanmi
Helps designers and developers make interfaces work across screen sizes, devices, and contexts by guiding responsive and adaptive design decisions.
Tell me the target device and context, and I will propose a responsive adaptation plan.
High-intent search queries and answers about installing and using this skill.
Adapt interface layouts across screen sizes by applying single-column stacks for mobile and multi-column grids for desktop. Responsive design adaptation requires actionable strategies for content reflow, specific breakpoint selection, and consistent component behavior across all target devices.
Plan responsive design adaptation by gathering target device context, identifying interaction challenges, and creating a step-by-step reflow plan. This device-agnostic approach ensures content prioritization and navigation patterns maintain usability across varying screen sizes and input methods.
Responsive design adaptation directly modifies interaction patterns by resizing touch targets and adjusting accessible controls for different devices. Adaptive design ensures usability remains consistent whether users interact via mobile touch screens or desktop navigation inputs.
Verify cross-device design by executing specific verification steps to test interface adaptation across screen sizes. Device-agnostic testing checks component behavior, layout integrity, and navigation functionality at defined breakpoints to ensure consistent user experiences.
Prioritize content for adaptive design when interfaces reflow across screen sizes, ensuring critical information remains visible on smaller mobile displays. Responsive design adaptation strategies dictate content hierarchy adjustments to maintain usability across mobile, tablet, and desktop contexts.
Apply this responsive design approach to both web and app interfaces to ensure usability across screen sizes. The adaptation guidance covers layout strategies, interaction patterns, and navigation decisions specific to mobile, tablet, and desktop contexts for any digital product.
trydyddCreates adaptive design plans specifying layouts, roles, and cross-device behavior for given contexts.
Alone-Y154Enforce mobile-first responsive design standards for web interfaces across screen sizes.
georgekhananaevEvaluate UX quality across design systems with structured audit frameworks.
PavkaBrikaAutomate cross-context design adaptation for mobile, tablet, desktop, and print.
