Adapt interface designs across screen sizes, devices, and usage contexts.
npx skills add https://github.com/juanelojga/juanelojga-webpage --skill adapt-juanelojga
Please help me install this Agent Skill. Skill: adapt Source: https://github.com/juanelojga/juanelojga-webpage/tree/main/.agents/skills/adapt Command: npx skills add https://github.com/juanelojga/juanelojga-webpage --skill adapt-juanelojga
Adapting designs to work effectively across diverse contexts—different screen sizes, devices, and use cases—ensures a consistent and accessible user experience.
Perform a context audit and apply the adaptation strategy outlined to the current design.
High-intent search queries and answers about installing and using this skill.
Adapt mobile interfaces for tablet and desktop contexts by applying responsive layout patterns that preserve core interactions, maintain WCAG-aligned accessibility for legibility and reachability, and prioritize primary content to ensure consistent cross-context usability.
Adapt a desktop dashboard for mobile by running a context audit to identify constraints, then applying responsive strategies that focus on primary metrics, restructure layouts for smaller screens, and implement clear, accessible navigation patterns.
Yes, you can maintain WCAG-aligned patterns across contexts by ensuring legibility and reachability during the adaptation process. Accessibility and inclusive design are maintained by applying consistent interaction and content strategies across all target devices.
The best way to start responsive design adaptation is performing a context gathering protocol to establish design constraints and user needs. This audit establishes the baseline requirements needed before applying any layout or interaction changes.
Yes, responsive adaptation applies to print and other non-screen contexts. The adaptation strategy covers layout, interaction, and content strategies across mobile, tablet, desktop, and print formats to solve varied cross-context design challenges.
masa-codehubCoordinate design and planning task scoping to produce actionable Design Briefs.
mklozGenerate responsive design adaptation strategies for web and mobile applications.
SylphxAIGenerate design system documentation with tokens and WCAG AA accessibility criteria.
kaishinAdapt design patterns across screen sizes, devices, and contexts.
