Responsive Layout and Motion

Purpose

Guide durable interface layout and motion decisions without tying implementation to a CSS framework, browser plugin, or a fixed viewport catalogue.

When to Use

Use this skill when:

• a component must work across containers, viewport sizes, text scaling, or localization;
• a layout introduces Grid, Flexbox, container queries, overlays, or animated state changes;
• visual polish risks clipping content, creating layout shift, or obscuring keyboard focus.

Do