Skip to main content
Back to registry

flutter-layout

flutter/skills

Constructs robust, responsive Flutter user interfaces by composing layout widgets, managing constraints, and implementing adaptive design patterns. Assumes the target environment has the Flutter SDK installed and the user is familiar with Dart syntax and state management fundamentals.

Installs1
Install command
npx skills add https://github.com/flutter/skills --skill flutter-layout
Security audits
Gen Agent Trust HubPASS
SocketPASS
SnykPASS
About this skill
Constructs robust, responsive Flutter user interfaces by composing layout widgets, managing constraints, and implementing adaptive design patterns. Assumes the target environment has the Flutter SDK installed and the user is familiar with Dart syntax and state management fundamentals. Determine Layout Strategy (Decision Logic) Analyze the UI requirements and select the appropriate base layout widgets using the following decision tree: Apply the Golden Rule of Constraints Enforce Flutter's core layout rule: Constraints go down. Sizes go up. Parent sets position. When a widget requires a specific size, ensure its parent allows it. Use ConstrainedBox to inject specific constraints, but remember it only adds to the parent's constraints. Implement Adaptive Layouts For screens that must support both mobile and tablet/desktop form factors, implement a LayoutBuilder to branch the UI logic based on available width.

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-layout do?

Constructs robust, responsive Flutter user interfaces by composing layout widgets, managing constraints, and implementing adaptive design patterns. Assumes the target environment has the Flutter SDK installed and the user is familiar with Dart syntax and state management fundamentals.

Is flutter-layout good?

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

What agent does flutter-layout work with?

flutter-layout currently lists compatibility with codex, gemini-cli, opencode, cursor, kimi-cli, github-copilot.

What are alternatives to flutter-layout?

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

How do I install flutter-layout?

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

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