Implement cross-context design adaptations for mobile, tablet, desktop, and print interfaces.
npx skills add https://github.com/thiagofelix/medflow --skill adapt-thiagofelix
Please help me install this Agent Skill. Skill: adapt Source: https://github.com/thiagofelix/medflow/tree/main/.agents/skills/adapt Command: npx skills add https://github.com/thiagofelix/medflow --skill adapt-thiagofelix
Adaptation of designs to work across different screen sizes, devices, contexts, or platforms to maintain usability and consistency across contexts.
Start by gathering the target contexts and devices, then outline the core adaptation plan for the highest-priority context.
High-intent search queries and answers about installing and using this skill.
Responsive design adaptation identifies and implements cross-context layout changes to make interfaces usable across mobile, tablet, desktop, and print. It applies fluid grids, scalable typography, and content prioritization to maintain usability and consistency across different screen sizes and contexts.
Start by gathering target contexts and devices, then outline a core adaptation plan for the highest-priority context. Apply mobile-first strategies to prioritize primary content and touch interactions, then scale up layouts using fluid grids and breakpoints for tablet and desktop contexts.
Yes, responsive design adaptation works for print contexts by applying adaptive patterns that preserve core workflows while respecting print-specific constraints. The process covers layout, interaction, content prioritization, and navigation across mobile, web, and print outputs.
The best way to ensure accessibility in cross-device layouts is to apply accessibility guardrails throughout the adaptation process. This involves rigorous context gathering, planning, and validation to maintain usability and consistent interaction patterns across all target devices and screen sizes.
You need adaptive patterns when shipping a product that targets multiple platforms like mobile apps, web, and print. Implementing adaptive patterns preserves core workflows while respecting context-specific constraints, ensuring usability and consistency across diverse devices and screen sizes.
get-convexPlan responsive layouts across mobile, tablet, and desktop breakpoints.
jimiryquaiAdapt UI/UX designs across mobile, tablet, desktop, and print contexts.
flitzrrrImplement mobile-first CSS with fluid grids, responsive images, and touch optimization.
deomiarnCreate mobile-first responsive web layouts with CSS grid and media queries.
