Adapt design layouts for mobile, tablet, desktop, and print contexts.
npx skills add https://github.com/derekr/athr --skill adapt-derekr
Please help me install this Agent Skill. Skill: adapt Source: https://github.com/derekr/athr/tree/main/.claude/skills/adapt Command: npx skills add https://github.com/derekr/athr --skill adapt-derekr
Designers and developers often struggle to make interfaces work across multiple screen sizes, devices, and contexts. This Skill provides a structured approach to responsive design, breakpoints, and cross-context patterns so experiences stay coherent and usable wherever they are accessed.
Apply the adaptation principles to the current project by defining responsive breakpoints, adjusting layouts for mobile and desktop, and validating across devices.
High-intent search queries and answers about installing and using this skill.
Adapt layouts for mobile, tablet, and desktop by defining responsive breakpoints and fluid grids. This ensures interfaces scale correctly and maintain usability across all screen sizes using structured responsive design patterns.
Defining responsive breakpoints for cross-context design requires structured adaptation strategies for mobile, print, and email. This approach applies fluid grids and context-driven content arrangements to keep experiences coherent across varying access points.
Make touch targets accessible on mobile layouts by applying touch-friendly layout principles and accessible target sizing. This ensures robust navigation strategies and usable interfaces for touch-based device interaction.
Responsive grids can be applied to print and email adaptation contexts. Using cross-context adaptation strategies allows you to plan and test content arrangements beyond standard mobile and desktop screen environments.
Responsive design layouts break across devices when structured breakpoint definitions and fluid grids are missing. Validating layouts and applying context-driven content arrangements ensures compatibility and coherent experiences across all screens.
Testing guidance is needed to validate cross-context adaptation strategies and ensure robust layouts. Practical planning and testing across mobile, tablet, desktop, and print contexts verifies that touch targets and typography scales function correctly.
mrodrigues1Define visual design systems using typography, color, spacing, and iconography.
SHUAXINDIARYGenerate responsive adaptation strategies for target devices and usage contexts.
NymfariousOptimize StickerNest for mobile touch interactions and responsive layouts.
Khrees2412Creates adaptive interfaces with container queries, fluid typography, CSS Grid, and breakpoint strategies for web apps and design systems.
