Modern layout and widget composition standards.
Scanned 9/8/2026
Install to Claude Code
npx -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-devkit)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!
Ultra-compressed communication mode. Cuts token usage ~75% by speaking like caveman while keeping full technical accuracy. Supports intensity levels: lite, full (default), ultra, wenyan-lite, wenyan-full, wenyan-ultra. Use when user says "caveman mode", "talk like caveman", "use caveman", "less tokens", "be brief", or invokes /caveman. Also auto-triggers when token efficiency is requested.