Flutter Build Responsive Layout

This walks you through building Flutter layouts that actually adapt to screen size instead of just assuming everyone's on a phone. The key insight here is solid: use LayoutBuilder with constraints.maxWidth to make layout decisions, not MediaQuery orientation checks or device type sniffing. It covers the practical stuff like wrapping lists in ConstrainedBox so they don't stretch absurdly wide on desktop, and switching between Row and Column layouts at breakpoints. The repeated warnings about not locking screen orientation are worth heeding, especially the note about foldables ending up letterboxed. Good for anyone moving a mobile-first Flutter app to tablets or web.

Install to Claude Code

npx -y skills add flutter/skills --skill flutter-build-responsive-layout --agent claude-code