← ClaudeAtlas

flutter-ui-designlisted

Design or visually transform Flutter interfaces with a deliberate art direction, distinctive product identity, coherent tokens, complete states, and rendered visual proof. Use for UI/UX design, redesign, reference-driven parity, or when a screen feels generic or unfinished; route widget architecture and responsive mechanics to their dedicated skills.
thiennc-tesoglobal/flutter-skills · ★ 6 · Web & Frontend · score 78
Install: claude install-skill thiennc-tesoglobal/flutter-skills
# 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: 1. Inspect `pubspec.yaml`, supported platforms, nearby screens, assets, fonts, and any supplied references. 2. Find existing `ThemeData`, `ColorScheme`, `TextTheme`, component themes, `ThemeExtension`s, and design-system widgets. 3. Preserve the established brand and component vocabulary unless the request explicitly authorizes a redesign. 4. Inspect the current screen at a representative viewport when the project is runnable. Source alone is insufficient evidence of its visual baseline. 5. Do not add a UI package, font, icon set, or competing theme merely because it is familiar. ## Design workflow 1. State the screen's primary user task and the visual failure in observable terms. 2. Classify the assignment