skills.rest
sethdavis512
sethdavis512COMMUNITY
Explore all skills by this author →
Website𝕏@sethdavis512GitHub

adapt

Plan cross-context design adaptations for web and app interfaces across devices.

Updated Aug 23, 2026
Search Tags:#design#accessibility#mobile#cross-platform#responsive#user-experience#adapt
One-click install
npx skills add https://github.com/sethdavis512/maggies-mental-load --skill adapt-sethdavis512
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: adapt
Source: https://github.com/sethdavis512/maggies-mental-load/tree/main/.agents/skills/adapt
Command: npx skills add https://github.com/sethdavis512/maggies-mental-load --skill adapt-sethdavis512

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Designs often fail to deliver consistent experiences across devices, screen sizes, and contexts. This Skill provides a structured approach to rethink layouts, interactions, and content so experiences feel native to each platform.

Core Features & Use Cases

  • Context Gathering Protocol to identify device, input method, orientation, and usage context
  • Responsive and context-aware layout strategies for mobile, tablet, and desktop
  • Interaction and content adaptation guidelines, including touch targets and progressive disclosure
  • Validation and testing guidance across devices, orientations, and browsers

Quick Start

Begin by collecting platform contexts and usage scenarios, then apply the Adapt design plan to frame cross-context changes.

Frequently Asked Questions about adapt

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

FAQPage Schema
How do I plan responsive design adaptations across mobile, tablet, and desktop?▼

Plan responsive design adaptations by gathering device contexts and usage scenarios, then defining breakpoints, interaction changes, and validation steps to ensure consistent cross-platform experiences.

What is the best way to ensure consistent user experience across different screen sizes?▼

Ensure consistent user experience across screen sizes by applying context-aware layout strategies, progressive disclosure guidelines, and touch target rules tailored to mobile, tablet, and desktop contexts.

How do I define breakpoints for cross-platform web and app interfaces?▼

Define breakpoints for cross-platform web and app interfaces by collecting platform contexts, then creating a step-by-step adaptation plan that outlines layout, navigation, and content strategy changes.

Does this approach support accessibility guidelines for touch targets and progressive disclosure?▼

Yes, the approach supports accessibility by providing interaction and content adaptation guidelines, including specific rules for touch target sizing and progressive disclosure across different device contexts.

Can I use this to adapt designs for print contexts as well as digital screens?▼

Yes, you can adapt designs for print contexts alongside digital screens, as the adaptation plan applies to web and app interfaces across mobile, tablet, desktop, and print to ensure native experiences.

How do I validate cross-context design changes across different devices and browsers?▼

Validate cross-context design changes by following the provided testing guidance, which checks layout, navigation, and interaction adaptations across various devices, orientations, and browsers.

Related Skills

Explore More Design & Creative Skills→
Bloodrey41Bloodrey41

adapt

Guide cross-device design adaptation across mobile, tablet, desktop, and print contexts.

Community
Advanced
naviktnavikt
1

adapt

Translate desktop layouts to mobile, tablet, and print experiences.

Official
Intermediate
melikhanmutlumelikhanmutlu

mobile-design

Design mobile UI/UX patterns for iOS and Android apps.

Community
Advanced
kaishinkaishin
10

adapt

Adapt design patterns across screen sizes, devices, and contexts.

Community
Advanced