Responsive Engine

Create responsive layouts that adapt cleanly across device sizes and input modes.

When to Use This Skill

Use this skill when the user asks to:

• Make a page or component responsive
• Remove horizontal overflow on mobile
• Replace brittle breakpoint stacks
• Use container queries and fluid sizing
• Fix viewport-height behavior on mobile browsers

Do not use this skill for detailed visual brand direction.

Core Principle