Assess source and target contexts to plan responsive design adaptations.
npx skills add https://github.com/luanzeba/dotfiles --skill adapt-luanzeba
Please help me install this Agent Skill. Skill: adapt Source: https://github.com/luanzeba/dotfiles/tree/main/skills/adapt Command: npx skills add https://github.com/luanzeba/dotfiles --skill adapt-luanzeba
Adapt designs to work effectively across different contexts - different screen sizes, devices, platforms, or use cases.
Provide an adaptation plan for a given design across mobile, tablet, and desktop contexts.
High-intent search queries and answers about installing and using this skill.
Responsive design adaptation evaluates source and target contexts like device and input methods, then applies mobile-first, tablet-hybrid, or desktop-oriented layout strategies. This ensures layouts and interaction patterns adapt properly to each screen size.
Adapting layouts for print and email involves evaluating the specific constraints of these target contexts. You apply tailored strategy templates and implementation steps to ensure the design functions effectively outside of standard screen environments.
Planning navigation and typography adaptation requires assessing target device constraints and applying strategy templates. This workflow guides specific layout, navigation, and typography changes to ensure accessible user experiences across mobile, tablet, and desktop contexts.
Responsive adaptation requires an accessibility assessment as part of its end-to-end workflow. Strategy planning and implementation steps explicitly enforce accessible design decisions to ensure proper user experience across mobile, tablet, and desktop contexts.
You need to evaluate source and target contexts before planning any UX adaptation strategy. This assessment identifies specific device, input method, and layout constraints to ensure effective responsive behavior across mobile, tablet, and desktop platforms.
FldicoahkiinAdapt designs across screen sizes, devices, and contexts with a structured plan.
pitabwireImplement responsive layouts with container queries, fluid typography, and CSS Grid.
manhthien2005Review web and mobile interfaces for accessibility, responsive behavior, and visual consistency.
cshyangAdapt responsive layouts, touch targets, and device-specific interactions across mobile, tablet, desktop, and print workflows.
