adapt

Apply mobile, tablet, desktop, print, and email adaptation strategies to UX projects.

Updated May 16, 2025
One-click install
npx skills add https://github.com/range-et/slate --skill adapt-range-et
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: adapt
Source: https://github.com/range-et/slate/tree/main/.cursor/skills/adapt
Command: npx skills add https://github.com/range-et/slate --skill adapt-range-et

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Adapt designs to work effectively across different contexts - different screen sizes, devices, platforms, or use cases.

Core Features & Use Cases

  • Mobile-first and responsive layout strategies ensure usable interfaces across phones, tablets, and desktops.
  • Context-aware interaction patterns tailor input methods and affordances for touch, pointer, and keyboard.
  • Content adaptation and progressive disclosure optimize information hierarchy for varying screen real estate.
  • Cross-channel guidance covers print and email adaptations to maintain consistency beyond screens.

Quick Start

Outline your current context and target device, then apply the mobile, tablet, and desktop adaptation strategies to redesign the interface.

Frequently Asked Questions about adapt

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

FAQPage Schema
How do I standardize responsive design layouts for mobile, tablet, and desktop?

Standardize responsive design layouts by applying structured adaptation strategies for mobile, tablet, and desktop. This involves defining context-aware interaction patterns and progressive disclosure to optimize information hierarchy across different screen sizes.

What is cross-context design adaptation and when do I need it?

Cross-context design adaptation ensures UX projects work effectively across different devices, platforms, and use cases. You need it when interfaces must maintain usability and consistency across varying screen real estates, input methods, and channels like print or email.

How do I adapt content strategy for varying screen real estate?

Adapt content strategy using progressive disclosure to optimize information hierarchy for varying screen real estate. This ensures content remains accessible and usable whether viewing on a small mobile screen or a large desktop monitor.

Does cross-channel design guidance cover print and email adaptations?

Yes, cross-channel design guidance covers print and email adaptations to maintain consistency beyond screens. It extends responsive design strategies to ensure UX projects remain effective across different physical and digital communication formats.

How do I design context-aware interaction patterns for touch and keyboard?

Design context-aware interaction patterns by tailoring input methods and affordances for touch, pointer, and keyboard. This ensures the interface provides appropriate interaction mechanisms based on the specific device context and user input method.