Apply context-aware design adaptations to multi-device interfaces.
npx skills add https://github.com/Lortunate/CodexLAG --skill adapt-lortunate
Please help me install this Agent Skill. Skill: adapt Source: https://github.com/Lortunate/CodexLAG/tree/main/.claude/skills/adapt Command: npx skills add https://github.com/Lortunate/CodexLAG --skill adapt-lortunate
Designs often fail when moved to new contexts. This skill provides a structured approach to rethinking layouts and interactions for different screen sizes, devices, and platforms.
Analyze the target context and apply responsive layout, interaction, and navigation changes to adapt your design.
High-intent search queries and answers about installing and using this skill.
To adapt responsive layouts across multiple devices, evaluate the source and target contexts to apply context-aware layout, interaction, and navigation changes. This ensures seamless multi-device interfaces by addressing constraints and user expectations for mobile, tablet, and desktop screens.
Recommended breakpoints for responsive design are applied based on context-aware evaluations of mobile, tablet, and desktop constraints. They guide practical implementation steps to ensure touch targets, navigation patterns, and content prioritization adapt seamlessly across different screen sizes.
You validate accessibility considerations in multi-device interfaces by running validation checks during the implementation phase. This process ensures that adapted responsive layouts, touch targets, and navigation patterns meet accessibility requirements across mobile, tablet, desktop, print, and email contexts.
Yes, adapting designs for print and email contexts is fully supported alongside mobile, tablet, and desktop. The strategy evaluates specific constraints and user expectations for each platform to apply appropriate layout, content prioritization, and interaction adaptations.
The best way to plan content prioritization for cross-device interfaces is through context-aware evaluation of the target environment. This strategy guides how to reorganize layout and navigation adaptations to ensure responsive design effectively meets user expectations across varying screen sizes.
trydyddCreates adaptive design plans specifying layouts, roles, and cross-device behavior for given contexts.
CatsofsufferingAdapt designs across screen sizes with responsive layouts, breakpoints, and touch targets.
kyamsSRLImplement responsive layouts with container queries, fluid typography, and CSS Grid.
deomiarnCreate mobile-first responsive web layouts with CSS grid and media queries.
