Design
Mobile version of a desktop screen
What survives the narrow width, and what changes job.
- responsive
- mobile
- adaptation
The prompt
Adapt this desktop screen for a phone. The constraint that matters most:
{{constraint}}
{{screen}}
Say what stays, what moves behind a tap, and what should not exist on mobile at
all. Where a desktop interaction has no phone equivalent, name the different
interaction rather than shrinking the old one.
Then say which single element deserves the most vertical space, and why.What to fill in
- {{screen}}
- The desktop screen — e.g. Describe it, or paste the markup
- {{constraint}}
- The platform constraint that matters — e.g. iOS can't paste into another app, so Copy is primary
117 prompts, in the app you already paste from
The whole library, searchable, with your own prompts alongside it. Free to browse here; Pro to keep them a keystroke away on every device.