adapt

Implement cross-context design adaptations for mobile, tablet, desktop, and print interfaces.

Updated Aug 27, 2026

Search Tags:#accessibility #layout #cross-device #usability #breakpoints #responsive-design #adapt

Ready to run

npx skills add https://github.com/thiagofelix/medflow --skill adapt-thiagofelix

💬 Prompt for ChatGPT / Claude Chat▼

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Adaptation of designs to work across different screen sizes, devices, contexts, or platforms to maintain usability and consistency across contexts.

Core Features & Use Cases

Mobile-first strategies: prioritize primary content and touch interactions.
Cross-device compatibility: responsive layouts, fluid grids, and scalable typography.
Use Case: When shipping a product that targets mobile apps, web, and print, implement adaptive patterns to preserve core workflows while respecting context-specific constraints.

Quick Start

Start by gathering the target contexts and devices, then outline the core adaptation plan for the highest-priority context.

Frequently Asked Questions about adapt

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

What is responsive design adaptation for cross-device layouts?▼

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.

How do I plan responsive layouts for mobile, tablet, and desktop 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.

Does responsive design adaptation work for print 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.

What's the best way to ensure accessibility in cross-device layouts?▼

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.

When do I need to implement adaptive patterns instead of a single fixed layout?▼

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.