Build a responsive breakpoint preview
See how a layout behaves across sizes rather than reasoning about it from a spec.
What this prompt helps you do
An artifact rendering the layout at each breakpoint with the reflow behaviour and the problems it exposes.
When to use it
A responsive design is specified but its intermediate sizes have never been examined.
What to prepare
The goal, relevant source material, constraints, examples, and the decision or action this should support.
How to get a strong result
Check the sizes between the named breakpoints; layouts usually break where nobody designed a comp.
How to use this prompt
Replace each placeholder with accurate context. Paste the complete prompt into Claude, review the response critically, resolve important questions, and use it as a considered input to the next decision—not as an unchecked final answer.