flutter-ui-design
Installation
SKILL.md
Flutter UI Design
Create coherent, platform-aware Flutter interfaces that feel authored for the product rather than assembled from framework defaults.
Scope
Own art direction, visual ambition, hierarchy, composition, semantic tokens, typography, color, surfaces, shape, state presentation, and rendered visual review.
Route implementation structure, reusable widget APIs, forms, and UI state ownership to flutter-ui-patterns. Route constraint mechanics to flutter-responsive-layout, motion implementation to flutter-animation, advanced blur, refraction, shader, or custom optical rendering to flutter-visual-effects, accessibility compliance to flutter-accessibility, and navigation behavior to flutter-navigation.
Preflight
Before proposing a redesign:
- Inspect
pubspec.yaml, supported platforms, nearby screens, assets, fonts, and any supplied references. - Find existing
ThemeData,ColorScheme,TextTheme, component themes,ThemeExtensions, and design-system widgets. - Preserve the established brand and component vocabulary unless the request explicitly authorizes a redesign.
- Inspect the current screen at a representative viewport when the project is runnable. Source alone is insufficient evidence of its visual baseline.
- Do not add a UI package, font, icon set, or competing theme merely because it is familiar.