Define responsive layout, interaction, and content strategies across screen sizes and devices.
npx skills add https://github.com/han-so1omon/ikam --skill adapt-han-so1omon
Please help me install this Agent Skill. Skill: adapt Source: https://github.com/han-so1omon/ikam/tree/main/skills/adapt Command: npx skills add https://github.com/han-so1omon/ikam --skill adapt-han-so1omon
Adapts user interfaces to work across a range of screen sizes, devices, and usage contexts, reducing design drift and rework.
Provide a context-aware plan that adapts layouts, interactions, and content for the target context.
High-intent search queries and answers about installing and using this skill.
Responsive design adaptation adjusts user interfaces across screen sizes, devices, and usage contexts. It defines modular breakpoints, interaction patterns, and content strategies to ensure consistent UX across web, mobile apps, print, and email platforms.
To adapt layouts and interactions, provide a context-aware plan that applies modular breakpoints and content strategies. This guides layout decisions, interaction patterns, and implementation guidelines for responsive design across target devices.
Yes, a single cross-context design strategy can adapt user interfaces for web, mobile apps, print, and email. It provides context-driven guidelines to ensure consistent UX and reduce design drift across all these platforms.
The best way to prevent design drift is applying context-driven adaptation guidelines that define modular breakpoints and interaction patterns. This ensures consistent UX across platforms and reduces rework during cross-context implementation.
Responsive layout breaks occur when adaptation lacks defined modular breakpoints and context-aware content strategies. Applying cross-context interaction patterns and implementation guidelines ensures content adapts correctly across varying screen sizes and devices.
NoobyGainsGuide frontend component architecture with layout, state, and accessibility decisions.
webrix-aiExtract design specifications and implementation details from Figma handoff materials.
vladimir-shirmanovFix visual and interaction defects in shipped frontend features.
adperemPlan responsive design adaptations across mobile, tablet, desktop, and print contexts.
