Modern layout and widget composition standards.
Scanned 9/8/2026
Install to Claude Code
Skills Directorynpx -y skills add ngxtm/devkit --skill idiomatic-flutter --agent claude-codeInstalls into .claude/skills of the current project.
Are you the author of Idiomatic Flutter?
Add the live security badge to your README — it updates automatically with every re-scan.
[](https://www.skillsdirectory.com/skills/ngxtm-idiomatic-flutter)More formats (shields.io, HTML) on the badges page.
---
name: Idiomatic Flutter
description: Modern layout and widget composition standards.
metadata:
labels: [flutter, clean-code, widgets]
triggers:
files: ['lib/presentation/**/*.dart']
keywords: [context.mounted, SizedBox, Gap, composition, shrink]
---
# Idiomatic Flutter (P1)
- **Async Gaps**: Check `if (context.mounted)` before using `BuildContext` after `await`.
- **Composition**: Extract complex UI into small widgets. Avoid deep nesting or large helper methods.
- **Layout**:
- Spacing: Use `Gap(n)` or `SizedBox` over `Padding` for simple gaps.
- Empty UI: Use `const SizedBox.shrink()`.
- Intrinsic: Avoid `IntrinsicWidth/Height`; use `Stack` + `FractionallySizedBox` for overlays.
- **Optimization**: Use `ColoredBox`/`Padding`/`DecoratedBox` instead of `Container` when possible.
- **Themes**: Use extensions for `Theme.of(context)` access.
Is this your skill, or is something wrong with this listing? Request removal or report an issue. Author removals are honored within 72 hours.
No comments yet. Be the first to comment!
