Adapt designs across screen sizes, devices, and contexts with breakpoints and fluid layouts.
npx skills add https://github.com/byonk19-svg/rt-scheduler --skill adapt-byonk19-svg
Please help me install this Agent Skill. Skill: adapt Source: https://github.com/byonk19-svg/rt-scheduler/tree/main/.cursor/skills/adapt Command: npx skills add https://github.com/byonk19-svg/rt-scheduler --skill adapt-byonk19-svg
Adapt existing designs to work effectively across different contexts - different screen sizes, devices, platforms, or use cases.
Follow Context Gathering Protocol to map target platforms and usage contexts, then design adaptive patterns.
High-intent search queries and answers about installing and using this skill.
To adapt existing UI designs for cross-device experiences, you map target platforms and usage contexts, then implement responsive patterns like breakpoints, fluid layouts, and accessible touch targets for mobile, tablet, and desktop.
Planning responsive design adaptations for print and email involves mapping target usage contexts and applying structured layout and content strategies to ensure cross-device compatibility and consistent UX across all form factors.
Ensuring accessible touch targets when designing for mobile and tablet breakpoints requires enforcing specific design requirements within a structured adaptation plan, covering layout and interaction strategies from preparation through verification.
You do not explicitly need a design system to implement fluid layouts across screen sizes, but applying structured adaptation plans and context-aware strategies helps maintain consistent UX across mobile, tablet, desktop, print, and email.
Your multi-device product lacks consistent UX across form factors because it requires a structured adaptation plan enforcing breakpoints, fluid layouts, and accessible touch targets from preparation through verification for all target contexts.
Yes, you can adapt a single desktop design for mobile and tablet platforms by following a context gathering protocol to map target devices, then designing adaptive patterns for fluid layouts and accessible touch targets.
niiiusburoAdapt existing designs across screen sizes with responsive reflow and touch-target adjustments.
LortunateApply context-aware design adaptations to multi-device interfaces.
Camilo8902Implement mobile-first responsive design systems with Tailwind CSS breakpoints and fluid typography.
kihyun1998Transform design systems for mobile, tablet, desktop, and print contexts.
