flutter▌

Create beautiful, responsive, and animated Flutter applications with modern design patterns and best practices.

Identifies and eliminates performance bottlenecks in Flutter apps through systematic profiling and targeted optimization. \n \n Provides a decision tree to diagnose jank on UI thread, Raster (GPU) thread, or both, with specific fixes for each \n Includes integration test templates using traceAction and TimelineSummary to establish performance baselines and measure frame budgets \n Covers UI optimization (localizing state, const constructors, StringBuffer usage) and Raster optimization (replacing

Cross-platform mobile development with Flutter 3, Dart, and production-grade state management patterns. \n \n Covers widget development, Riverpod and Bloc state management, GoRouter navigation, and platform-specific implementations with detailed reference guides for each \n Enforces const optimization, proper key usage, and scoped state patterns to prevent unnecessary rebuilds and full-subtree re-renders \n Includes profiling workflows with Flutter DevTools, jank diagnosis, and performance optim

$21

Select and implement the optimal Flutter animation strategy for your UI requirement. \n \n Includes a decision tree to choose between implicit animations, explicit tweens, physics-based motion, hero transitions, staggered sequences, and page route transitions \n Provides complete code examples for each animation type, from simple AnimatedContainer to complex staggered multi-tween setups \n Enforces strict memory management with mandatory AnimationController disposal and performance best practice

Master Flutter's constraint system to build responsive, overflow-free layouts efficiently. \n \n Core principle: constraints flow down, sizes flow up, parents set position. Never pass unbounded constraints in flex boxes or scrollable regions. \n Use Row / Column for linear layouts, Expanded / Flexible for space distribution, Stack for overlapping elements, and SizedBox for tight constraints. \n Apply LayoutBuilder for responsive sizing or conditional rendering for adaptive layouts across mobile,

Visual feedback, transitions, and physics-based motion for Flutter apps using the Animation framework. \n \n Four animation strategies: implicit animations for simple property changes, explicit animations with playback control, Hero transitions for shared elements between routes, and physics-based animations for gesture-driven natural motion \n Core typed Animation system with AnimationController , Tween , and Curve classes; always dispose controllers to prevent memory leaks \n Staggered animati

Implement WCAG 2 and EN 301 549 accessibility standards and adaptive layouts in Flutter apps. \n \n Enforces semantic annotations, tap target sizes (48x48 dp minimum), and text contrast ratios (4.5:1 for small text, 3:1 for large) across mobile, web, and desktop platforms \n Provides decision logic for web semantics initialization, interactive widget wrapping, screen-size-based layout switching, and keyboard/mouse input handling \n Includes focus traversal management via FocusTraversalGroup and

Create high-performance, visually stunning mobile applications using Flutter with Dart language. Master widget composition, state management patterns, navigation, and API integration.

Comprehensive, library-agnostic checklist for reviewing Flutter/Dart applications. These principles apply regardless of which state management solution, routing library, or DI framework is used.