UI design for Flutter
A native-fidelity design bar
A set of laws for colors, shapes, spacing, typography and motion, plus a mechanical pre-flight count that catches slop before a screen ships.
What this feature covers
- Native fidelity: Laws for semantic colors in both themes, native controls and safe areas.
- Typography and numbers: Tabular numerals and correct number formatting.
- Locked system: One accent color and a shape scale drawn from the kit tokens.
- Feel: Haptics and motion that match the platform.
- Pre-flight: A mechanical slop count run before a screen is called done.
How Flutter Agent Kit implements it
This skill pairs with the kit's token documentation: the docs say which tokens exist, and this skill says how to use them so a screen reads as native rather than assembled. The pre-flight is a count, not a judgment call: distinct accent hues must be one, corner radii come from the kit scale, emoji in chrome, gratuitous gradients and duplicate labels for one intent are all zero.
A failed count is a fix, not an opinion. The skill applies to any screen work, from a paywall to a settings page to an empty state, and it is what keeps agent-generated UI from drifting into a generic look.
Frequently asked questions
What is the anti-slop pre-flight?
A mechanical count run before a screen is declared done: how many distinct accent hues, how many corner radii outside the kit scale, how many emoji in UI chrome, gratuitous gradients and duplicate labels for one intent. The target counts are fixed, so a failed count is a fix.
How is this different from the kit's UI docs?
The UI docs are the reference for which tokens exist and where they live. This skill is the reference for how to use them so the result reads as a native app, and it adds the pre-flight that catches visual drift.
Get Flutter Agent Kit
Flutter Agent Kit ships this as a ready feature skill, together with the AGENTS.md context layer and the rest of the skills. €99.99 one-time, lifetime updates, unlimited personal and commercial projects.
Browse all features included in Flutter Agent Kit.