adapt

Identify cross-context design challenges and provide adaptation guidance for consistent UX.

Updated Feb 5, 2026
One-click install
npx skills add https://github.com/mheers/opencode-sandbox --skill adapt-mheers
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: adapt
Source: https://github.com/mheers/opencode-sandbox/tree/main/skills/adapt
Command: npx skills add https://github.com/mheers/opencode-sandbox --skill adapt-mheers

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Adapts design concepts to work effectively across different contexts, devices, and environments, ensuring a consistent user experience without simply scaling layouts.

Core Features & Use Cases

  • Guided adaptation strategies for mobile, tablet, desktop, print, and email contexts.
  • Practical layout, interaction, content, and navigation recommendations tailored to each context.
  • Use Case: convert a desktop design into a mobile-friendly experience while preserving core priorities and usability.

Quick Start

Describe the target context and request a ready-to-apply adaptation plan for that environment.

Frequently Asked Questions about adapt

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

FAQPage Schema
How do I adapt a desktop design for mobile without just scaling the layout?

To adapt a desktop design for mobile, you need to identify cross-context design challenges and apply actionable adaptation techniques. This ensures a consistent user experience by adjusting layout, interaction, content, and navigation tailored to the mobile context.

What is cross-context design adaptation for product UI?

Cross-context design adaptation for product UI is the process of ensuring consistent UX across different devices and environments. It involves specifying adaptation techniques and guardrails to deliver context-aware experiences rather than simply resizing elements.

Can I use responsive design guidance for print and email contexts?

Yes, responsive design guidance can be applied to print and email contexts. The adaptation process provides practical layout, interaction, content, and navigation recommendations tailored to each specific environment, including mobile, tablet, desktop, print, and email.

How do I get started with adapting my UX for a new device context?

To get started with adapting your UX, describe the target context and request a ready-to-apply adaptation plan for that environment. This generates specific adaptation techniques, guardrails, and acceptance criteria for successful implementation.

Does simple layout scaling work for cross-context responsive design?

Simple layout scaling does not work effectively for cross-context responsive design. Adapting design concepts ensures a consistent user experience across different contexts, devices, and environments by addressing specific layout, interaction, and content challenges.

What are the limitations of adapting marketing collateral across contexts?

The limitations of adapting marketing collateral across contexts involve maintaining core priorities and usability without simply scaling layouts. Successful implementation requires following specific adaptation guardrails and acceptance criteria to ensure context-aware experiences.