smithery/ngxtm

Idiomatic Flutter

Modern layout and widget composition standards.

Installation

$ npx skills add smithery/ngxtm --skill idiomatic-flutter

Similar popular skills

Related neighbors and high-traction skills in the same topics — useful to compare before installing.

Also in this package

Other skills from smithery/ngxtm · top by installs.

npx skills add smithery/ngxtm

Browse all from smithery/ngxtm

More details

Agent compatibility

Declared targets from SKILL.md / docs. Unmarked agents are not listed — the skill may still install via the CLI.

Claude Code Not declared
Cursor Not declared
Codex Not declared
GitHub Copilot Not declared
Windsurf Not declared
Gemini CLI Not declared
Cline Not declared
OpenCode Not declared

Skill metadata

Parsed from SKILL.md frontmatter.

More metadata
labels
["flutter","clean-code","widgets"]
triggers
{"files":["lib\/presentation\/**\/*.dart"],"keywords":["context.mounted","SizedBox","Gap","composition","shrink"]}

Package contents

Files included with this skill beyond the listing page.

  • skill md SKILL.md 874 B
  • docs SUMMARY.md 72 B

History

  1. First recorded snapshot · 0 installs

SKILL.md

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.