Use `LayoutBuilder`, `MediaQuery`, or `Expanded/Flexible` to create a layout that adapts to different screen sizes. Use when you need the UI to look good on both mobile and tablet/desktop form factors.
Install
npx skills add flutter/agent-plugins --skill flutter-build-responsive-layoutnpx skills add flutter/agent-plugins --skill flutter-build-responsive-layout -a claude-code -gnpx skills add flutter/agent-plugins --skill flutter-build-responsive-layout -a codex -ggemini skills install https://github.com/flutter/agent-plugins.git --path skills/flutter-build-responsive-layoutgh skill install flutter/agent-plugins flutter-build-responsive-layoutgit clone --depth 1 https://github.com/flutter/agent-plugins /tmp/flutter__agent-plugins
mkdir -p ~/.claude/skills ~/.agents/skills
cp -R /tmp/flutter__agent-plugins/skills/flutter-build-responsive-layout ~/.claude/skills/flutter-build-responsive-layout # Claude Code
cp -R /tmp/flutter__agent-plugins/skills/flutter-build-responsive-layout ~/.agents/skills/flutter-build-responsive-layout # Codex, Cursor, Gemini CLI, Copilot, OpenCode