Creates context-aware adaptation plans for responsive web and app interfaces.
npx skills add https://github.com/Chieji/my-skills --skill adapt-chieji
Please help me install this Agent Skill. Skill: adapt Source: https://github.com/Chieji/my-skills/tree/main/adapt Command: npx skills add https://github.com/Chieji/my-skills --skill adapt-chieji
Adapt designs to work across different screen sizes, devices, contexts, or platforms. Implements breakpoints, fluid layouts, and touch targets. Use when the user mentions responsive design, mobile layouts, breakpoints, viewport adaptation, or cross-device compatibility.
Describe your target devices and contexts, and I will output a responsive adaptation plan.
High-intent search queries and answers about installing and using this skill.
Create a responsive design strategy by outlining context-aware layouts, setting breakpoints, and defining touch targets for mobile, tablet, and desktop interfaces. This ensures cross-device compatibility by guiding layout patterns and content changes across different screen sizes and print contexts.
Context-aware adaptation in fluid layouts is the process of adjusting interface elements based on the user's device and environment. It prioritizes content and interactions specifically for mobile, tablet, desktop, or print contexts to maintain usability without sacrificing the experience.
Plan breakpoints and touch targets for mobile layouts by defining specific screen size thresholds and ensuring accessible interaction areas. This adaptation plan prioritizes content visibility and ensures interactive elements meet accessibility considerations across mobile and tablet interfaces.
Yes, this adaptation approach explicitly supports print contexts alongside mobile, tablet, and desktop interfaces. It guides layout patterns, interactions, and content changes to ensure your design translates fluidly across both digital and physical media formats.
The best way to test accessibility considerations in adaptive design is to follow structured testing guidelines that evaluate touch targets, fluid layouts, and breakpoint behaviors across devices. This ensures your end-to-end adaptation plan maintains usability for all users.
Bloodrey41Guide cross-device design adaptation across mobile, tablet, desktop, and print contexts.
sagarrai21802Audit and implement responsive design across HTML/CSS and modern frameworks.
oborchersImplement responsive web design with CSS Grid, container queries, and responsive images.
andrewle9510Define an 8pt spacing scale and responsive grid layouts for web interfaces.
