Setup & Installation
npx skills add https://github.com/flutter/skills --skill flutter-building-layouts
https://github.com/flutter/skills/tree/main/skills/flutter-building-layouts
View on GitHubWhat This Skill Does
Helps build and fix Flutter layouts using the constraint system, Row, Column, Stack, and related widgets. Covers responsive and adaptive patterns for different screen sizes.
Flutter's constraint model trips up even experienced developers, and this skill walks through the exact widget choices and constraint rules so you spend less time debugging layout exceptions.
When to use it
- Fixing overflow errors in a Column with a nested ListView
- Setting up a responsive layout that switches between mobile and tablet views
- Structuring a complex screen with overlapping elements using Stack
- Debugging render box issues with Flutter Inspector's debug paint
- Planning constraint flow for a screen with both fixed and flexible sections