flutter-building-layouts

Master Flutter's constraint system to build responsive, overflow-free layouts efficiently. Core principle: constraints flow down, sizes flow up, parents set position. Never pass unbounded constraints in flex boxes or scrollable regions. Use Row / Column for linear layouts, Expanded / Flexible for space distribution, Stack for overlapping elements, and SizedBox for tight constraints. Apply LayoutBuilder for responsive sizing or conditional rendering for adaptive layouts across mobile, tablet,...

npx skills add https://github.com/flutter/skills --skill flutter-building-layouts

Download ZIP GitHub

More skills from flutter

dart-modern-features

To find candidates for modernization:

dart-log-failure-parser

Parse failures from Dart and Flutter test logs.

A skill to find the lowest Dart and Flutter release containing a given commit. Use this skill whenever users ask about when a commit landed in Flutter or Dart…

flutter-pr-checks-finder

Find failing checks on a Flutter PR and locate the corresponding LUCI log URLs.

rebuilding-flutter-tool

Rebuilds the Flutter tool and CLI. Use when a user asks to compile, update, regenerate, or rebuild the Flutter tool or CLI.

upgrade-browser

Upgrade browser versions (Chrome or Firefox) in the Flutter Web Engine and/or Framework tests. Use when asked to roll or upgrade Chrome or Firefox to a newer…

create-catalog-item

Use this skill when the user asks to create a new CatalogItem, data class, and/or widget class based on a JSON Schema definition in an application that uses…

This skill provides workflows and best practices specific to the genui repository.