Adapt product designs for cross-context usability across devices and contexts.
npx skills add https://github.com/1IssaMohamed/IEEE-YorkU --skill adapt-1issamohamed
Please help me install this Agent Skill. Skill: adapt Source: https://github.com/1IssaMohamed/IEEE-YorkU/tree/main/.agents/skills/adapt Command: npx skills add https://github.com/1IssaMohamed/IEEE-YorkU --skill adapt-1issamohamed
Designs often fail to provide a consistent experience across devices and contexts, leading to usability gaps and rework.
Describe the current context and the target context to receive an adaptation plan.
High-intent search queries and answers about installing and using this skill.
To adapt product designs for cross-context usability, you need to adjust layout, interaction, and content for mobile, tablet, desktop, and print contexts. This involves applying responsive strategies, touch target sizing, breakpoints, and progressive disclosure.
A responsive design strategy guides layout and interaction adjustments across mobile, tablet, desktop, and edge contexts. It ensures consistent usability by defining breakpoints, touch targets, and progressive disclosure rules for content adaptation.
Adapting touch targets and layout flow requires adjusting interaction elements to suit the target context. You apply responsive layout guidelines, modify touch target sizes for different inputs, and restructure content flow for desktop viewing.
Responsive design adaptation supports accessibility standards and progressive disclosure by providing guidelines for interaction adjustments. It ensures content and layout changes across devices maintain usability and meet accessibility requirements.
You can receive an adaptation plan for a specific product screen by describing the current context and target context. This generates ready-to-implement layout, interaction, and content adjustments for tablet, print, or other contexts.
trydyddCreates adaptive design plans specifying layouts, roles, and cross-device behavior for given contexts.
ev3rlitImplements responsive breakpoints, fluid layouts, and accessible touch targets across devices.
alexandereiseghohiCreate and manage UI/UX designs in Penpot using MCP tools.
MADTeacherCreate adaptive Flutter UIs for different screen sizes and platforms.
