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

MANDATORY PREPARATION

Load frontend-design first — it contains design principles, anti-patterns, and the Context Gathering Protocol. Follow that protocol before proceeding. If confirmed design context is still missing from the current instructions, AGENTS.md, or project-context/design-context.md, load teach-impeccable first. Additionally gather: target platforms/devices and usage contexts.

Assess Adaptation Challenge

Understand what needs adaptation and why:

Identify the source context:
- What was it designed for originally? (Desktop web? Mobile app?)
- What assumptions were made? (Large screen? Mouse input? Fast connection?)
- What works well in current context?