Responsive Layout Design

Overview

Use this skill to define responsive behavior that keeps critical workflows usable across supported screen sizes.

Scope Boundaries

• Layouts break, overflow, or lose usability across devices.
• Teams need explicit breakpoint and adaptation rules before implementation.
• Localization/content growth increases truncation and wrapping risk.

Templates And Assets

• Responsive rule template:
  • assets/responsive-rule-template.md
• Breakpoint test checklist:
  • assets/breakpoint-test-checklist.md