Skip to main content
Back to registry

flutter-building-layouts

flutter/skills

Master the fundamental Flutter layout rule: Constraints go down. Sizes go up. Parent sets position.

Installs360
Install command
npx skills add https://github.com/flutter/skills --skill flutter-building-layouts
Security audits
Gen Agent Trust HubPASS
SocketPASS
SnykPASS
About this skill
Master the fundamental Flutter layout rule: Constraints go down. Sizes go up. Parent sets position. Select the appropriate structural Widget based on the required spatial arrangement. Apply conditional logic to handle varying screen sizes and form factors. Follow this sequential workflow to architect and implement robust Flutter layouts. Anti-pattern: Placing a ListView directly inside a Column causes an unbounded height exception because the Column provides infinite vertical space to the ListView . Implementation: Wrap the ListView in an Expanded Widget to bound its height to the remaining space in the Column .

Source description provided by the upstream skill listing. Community reviews and install context appear in the sections below.

Community Reviews

Latest reviews

Sign in to review

No community reviews yet. Be the first to review.

Browse this skill in context
FAQ
What does flutter-building-layouts do?

Master the fundamental Flutter layout rule: Constraints go down. Sizes go up. Parent sets position.

Is flutter-building-layouts good?

flutter-building-layouts does not have approved reviews yet, so SkillJury cannot publish a community verdict.

What agent does flutter-building-layouts work with?

flutter-building-layouts currently lists compatibility with codex, gemini-cli, opencode, kimi-cli, amp, cline, github-copilot.

What are alternatives to flutter-building-layouts?

Skills in the same category include telegram-bot-builder, flutter-app-size, sharp-edges, iterative-retrieval.

How do I install flutter-building-layouts?

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

Related skills

More from flutter/skills

flutter-app-size

by flutter/skills

996

Analyzes and optimizes Flutter application size by measuring build artifacts, generating size analysis reports, utilizing Dart DevTools for component breakdown, and implementing specific size reduction strategies such as debug info splitting, resource compression, and platform-specific tree-shaking. Assumes a...

Software EngineeringFrontend and Design

flutter-concurrency

by flutter/skills

980

Implements advanced Flutter data handling, including background JSON serialization using Isolates, asynchronous state management, and platform-aware concurrency to ensure jank-free 60fps+ UI rendering. Assumes a standard Flutter environment (Dart 2.19+) with access to dart:convert , dart:isolate , and standard state...

Software EngineeringFrontend and Design

flutter-localization

by flutter/skills

978

Configures and implements internationalization (i18n) and localization (l10n) in a Flutter application. This skill manages dependency injection ( flutter_localizations , intl ), code generation configuration ( l10n.yaml ), root widget setup ( MaterialApp , CupertinoApp , or WidgetsApp ), .arb translation file...

Software EngineeringFrontend and Design

flutter-accessibility

by flutter/skills

973

Implements, audits, and enforces accessibility (a11y) and adaptive design standards in Flutter applications. Ensures compliance with WCAG 2 and EN 301 549 by applying proper semantic roles, contrast ratios, tap target sizes, and assistive technology integrations. Constructs adaptive layouts that respond to available...

Software EngineeringFrontend and Design
Related skills

Alternatives in Software Engineering