Adapt designs across screen sizes, devices, contexts, or platforms.
npx skills add https://github.com/jkhowland/jkhowland --skill adapt-jkhowland
Please help me install this Agent Skill. Skill: adapt Source: https://github.com/jkhowland/jkhowland/tree/main/.claude/skills/adapt Command: npx skills add https://github.com/jkhowland/jkhowland --skill adapt-jkhowland
Design teams struggle to maintain consistent experiences across mobile, tablet, desktop, and print contexts. This section provides a structured approach to rethinking layouts, interactions, and content to ensure usable, accessible experiences in every context.
Describe your current design context and target device to generate a context-appropriate adaptation plan.
High-intent search queries and answers about installing and using this skill.
Responsive design adaptation modifies layouts, interactions, and content to ensure usable, accessible experiences across mobile, tablet, desktop, and print contexts. It involves context-aware strategies covering breakpoints, progressive disclosure, and touch target considerations.
To adapt a desktop web UI for a mobile app, apply a step-by-step adaptation framework enforcing responsive breakpoints, layout strategies, content prioritization, and touch considerations. This preserves hierarchy and functionality across contexts.
Yes, you can use a structured framework to plan responsive design breakpoints. The approach enforces step-by-step adaptation strategies with layout guidance, progressive disclosure, touch targets, and cross-context validation across real devices.
The best way to prioritize content across different screen sizes is applying a context-aware adaptation strategy. It covers layout, interaction, content, and navigation, ensuring consistent experiences and accessible interactions across multiple devices.
Yes, cross-context validation for responsive design requires testing on real devices. The adaptation framework enforces step-by-step validation across actual mobile, tablet, desktop, and print contexts to ensure consistent, accessible experiences.
microlinkhqAdapt existing UI designs across devices, platforms, and usage contexts.
indroputrantoAdapt layouts, touch targets, and content across screen sizes and platforms.
product-on-purposeGenerate a Jobs to be Done canvas with structured customer job sections.
tripathishashikantAutomate cross-context design adaptation for responsive interfaces.
