Responsive Layout Review

Use this skill to make layouts adapt by intent, not by arbitrary breakpoints.

Workflow

1. Identify content hierarchy, primary task, and supported viewport/device classes.
2. Read references/responsive-layout-rules.md.
3. Review layout states: compact, medium, wide, high-density, keyboard, zoom, and reduced width.
4. Check navigation, tables, forms, modals, media, and empty/error states.
5. Produce breakpoint strategy, issues, and acceptance checks.

When not to use

• Do not use for generic advice the base model already handles without this skill's specific artifact contract.

Guardrails