Plan responsive layouts and touch targets for mobile, tablet, and desktop contexts.
npx skills add https://github.com/waynesutton/teleprompter --skill adapt-waynesutton
Please help me install this Agent Skill. Skill: adapt Source: https://github.com/waynesutton/teleprompter/tree/main/.cursor/skills/adapt Command: npx skills add https://github.com/waynesutton/teleprompter --skill adapt-waynesutton
Help designers adapt interfaces for multiple contexts (mobile, tablet, desktop) by planning breakpoints, fluid layouts, and accessible touch targets.
Begin by running the Context Gathering Protocol to gather target devices and contexts, then draft a responsive adaptation plan for the chosen context.
High-intent search queries and answers about installing and using this skill.
Responsive design breakpoints are planned by gathering target device contexts and drafting a fluid adaptation plan that dictates how layouts reflow across mobile, tablet, and desktop screens.
Adapting a layout to large desktop displays requires context-driven breakpoint strategies and flexible layout planning to ensure the interface gracefully reflows across all screen sizes.
Accessible touch targets are maintained during responsive adaptation by integrating accessibility-focused interaction guidelines directly into the layout planning workflow.
Yes, the responsive adaptation approach explicitly supports mobile, tablet, desktop, and print contexts by applying context-aware layout decisions and breakpoint strategies.
Creating a responsive adaptation plan involves running a context gathering protocol for target devices, drafting fluid layout decisions, and validating touch targets through step-by-step protocols.
Layouts break during reflowing when design systems lack context-aware breakpoint strategies and fluid layout planning to properly adapt interface elements across varying screen sizes.
ydnikolaevExtract project information through structured stakeholder interviews into a discovery brief.
stevengonsalvezTransform design concepts into context-ready implementations for mobile, tablet, desktop, and print.
Dzakiamriz22Implement mobile-first responsive layouts with CSS Grid, Flexbox, and Tailwind breakpoints.
ianyimiImplement responsive frontend designs using media queries, Flexbox, Grid, and fluid units.
