flutter/skills▌

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

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,

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

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

Migrate Flutter apps from Material 2 to Material 3 with automated component and theme updates. \n \n Identifies and replaces deprecated Material 2 components (FlatButton, RaisedButton, BottomNavigationBar, Drawer) with their Material 3 equivalents using a decision tree \n Converts legacy theme properties to Material 3 ColorScheme and removes deprecated accent color references (accentColor, accentColorBrightness, etc.) \n Normalizes all component themes to use *ThemeData classes and ensures useMa

$23

Measure and optimize Flutter app bundle, APK, or IPA size with platform-specific analysis and reduction strategies. \n \n Supports Android (APK/AppBundle), iOS (IPA), and desktop platforms (Linux, macOS, Windows) with platform-specific measurement workflows \n Generates code size analysis JSON files via flutter build --analyze-size and integrates with Dart DevTools App Size Tool for component breakdown visualization \n Implements size reduction through debug info splitting, asset compression, an

Native home screen widgets for Flutter apps on iOS and Android with cross-platform data sharing. \n \n Establishes data sharing between Dart and native platforms via App Groups (iOS) and SharedPreferences (Android), enabling widget updates from your Flutter app \n Supports simple text-based widgets and complex Flutter UI rendered as static images for native display \n Requires native setup in Xcode (Widget Extension target with Swift TimelineProvider) and Android Studio (AppWidgetProvider with X

Cross-platform native interoperability for Flutter apps on Android, iOS, and Web. \n \n Provides decision logic to select the optimal integration strategy: FFI for C/C++ code, Platform Channels for OS-specific APIs, Platform Views for native UI components, and JS Interop for web \n Implements modern FFI architecture using build hooks (Flutter 3.38+) with native toolchain compilation and Dart bindings \n Supports asynchronous Platform Channels (MethodChannel) with complete Kotlin and Swift implem

Automated macOS Flutter development environment setup with dependency validation and diagnostic fixes. \n \n Verifies Flutter installation, Xcode availability, and CocoaPods presence; stops with clear instructions if any prerequisite is missing \n Guides users through Xcode command-line tool configuration and license acceptance with required sudo commands \n Runs iterative flutter doctor validation loops to identify and resolve remaining toolchain issues until the Xcode section passes completely

Automated macOS environment configuration for Flutter development with Xcode and CocoaPods setup. \n \n Guides installation and linking of Xcode command-line tools, acceptance of developer licenses, and CocoaPods dependency management \n Includes validation workflow using flutter doctor and flutter devices to confirm proper environment setup and macOS desktop recognition \n Provides troubleshooting steps for common issues including missing command-line tools, CocoaPods path problems, and desktop

$22

Offload CPU-intensive tasks to background isolates while keeping Flutter UIs responsive. \n \n Provides three concurrency patterns: async / await for I/O-bound work, Isolate.run() for one-off heavy computations, and Isolate.spawn() with message passing for persistent background workers \n Includes a decision matrix to choose between async operations and isolates based on task type (I/O vs. CPU-bound) and execution frequency \n Covers three complete workflows with step-by-step task checklists: st

Implements stateful form validation in Flutter using Form, TextFormField, and GlobalKey<FormState>. Manages validation state efficiently without unnecessary key regeneration and handles user input validation workflows. Assumes a pre-existing Flutter environment with Material Design dependencies available.

Comprehensive testing framework for Flutter apps across unit, widget, and integration test layers. \n \n Covers three test categories: unit tests for isolated logic, widget tests for UI components, and integration tests for end-to-end flows on real devices or emulators \n Provides architectural testing patterns for ViewModels, Repositories, Services, and Views, with emphasis on Fake implementations over mocks for cleaner test design \n Includes plugin testing guidelines combining Dart tests with

Generates unit, widget, integration, and plugin tests for Flutter applications with architectural awareness. \n \n Analyzes target code to determine appropriate test type (unit for logic, widget for UI, integration for end-to-end, plugin for native code) \n Provides decision tree and step-by-step implementation patterns for each test category, including fake/mock setup and assertion strategies \n Includes ready-to-use code templates for ViewModels, Repositories, widgets, and full app flows with

MVVM-compliant data layer for Flutter with Repository pattern, stateless Services, and intelligent local caching strategies. \n \n Guides selection of persistence technology (shared_preferences, sqflite, drift, hive_ce, isar_community, or file I/O) based on data type, size, and relational complexity \n Implements Repository as single source of truth, isolating DatabaseService and ApiClient as private stateless dependencies \n Provides complete code examples for domain models, SQLite operations,

Scaffold and implement cross-platform Flutter plugins with native interop for Android, iOS, Windows, and web. \n \n Supports both standard plugins (Method Channels for platform APIs) and FFI plugins (C/C++ native libraries); choose based on whether you need platform-specific SDK access or direct native code binding \n Federated plugin architecture splits API across app-facing, platform interface, and independent platform implementation packages for team-based development \n Includes step-by-step

Comprehensive caching and performance optimization for Flutter apps across multiple data types and platforms. \n \n Provides decision logic to select appropriate caching mechanisms: in-memory, shared_preferences for key-value pairs, SQLite for relational data, file system for large blobs, and image caching for network images \n Includes stream-based offline-first repository pattern that yields cached data first, then fetches and updates from the network \n Covers Android FlutterEngine pre-warmin

Embed native Android, iOS, or macOS views and web content directly into Flutter applications. \n \n Supports two Android composition modes (Hybrid and Texture Layer) with distinct performance and fidelity tradeoffs; iOS and macOS use Hybrid Composition exclusively \n Includes step-by-step workflows for implementing platform views on Android and iOS, with validation and troubleshooting guidance \n Enables embedding Flutter into existing web applications via Full Page or Multi-view (Embedded) mode

HTTP requests and JSON serialization for Flutter REST API integration and data parsing. \n \n Covers three HTTP methods (GET, POST, PUT, DELETE) with proper status code validation, HTTPS enforcement, and safe URI construction using Uri.https() . \n Offers two serialization strategies: manual fromJson / toJson for simple models, and code generation with json_serializable for complex nested structures. \n Includes background parsing with compute() to prevent UI jank when processing large JSON payl

Linux environment setup for Flutter desktop development with OS detection and toolchain validation. \n \n Automatically detects Debian/Ubuntu or ChromeOS and halts with instructions for non-apt systems \n Installs core dependencies (curl, git, unzip, libglu1-mesa) and Linux desktop toolchain (clang, cmake, ninja-build, GTK libraries) \n Prompts for optional IDE setup (VS Code or Android Studio via snap) \n Runs flutter doctor -v and flutter devices to validate the environment, automatically inst

Automated Windows Flutter development environment setup with platform-specific toolchain configuration. \n \n Configures Flutter SDK paths, Visual Studio C++ toolchain installation, and platform-specific settings via interactive prompts for Windows Desktop, Android, or both targets \n Handles Android Studio setup, device/emulator configuration, and USB driver installation when Android is selected \n Generates self-signed MSIX certificates using OpenSSL for local Windows app packaging and deploym

Scaffolds Flutter plugins with native interop, method channels, FFI integration, and federated architectures. \n \n Generates standard plugins, FFI plugins, or federated multi-package architectures based on native code requirements and team structure \n Configures Android v2 embedding lifecycle interfaces, platform-specific native environments (Kotlin/Java, Swift/Objective-C), and method channel registration \n Implements package-separated federated plugins with app-facing and platform-specific

Secure HTTP networking and JSON handling for Flutter apps with background parsing support. \n \n Implements CRUD operations (GET, POST, PUT, DELETE) using the http package with safe URL construction via Uri.https() and strict status code validation \n Provides strongly typed JSON serialization and deserialization using Dart 3 pattern matching with factory constructors and toJson() methods \n Offloads large JSON parsing to background isolates via compute() to prevent UI jank on payloads exceeding

Background JSON parsing and state management for jank-free Flutter UI rendering. \n \n Provides decision tree for choosing between manual serialization ( dart:convert ) and code generation ( json_serializable ) based on model complexity \n Supports three concurrency strategies: main-thread async/await for small payloads, short-lived Isolate.run() for heavy one-off computations, and long-lived isolates with ReceivePort / SendPort for continuous two-way communication \n Includes platform-aware fal

Embed native views and web content into Flutter apps across Android, iOS, macOS, and web platforms. \n \n Supports Android Hybrid Composition (native fidelity) and Texture Layer (Flutter performance), iOS/macOS Hybrid Composition, and web full-page or embedded multi-view modes \n Provides complete Dart and native code templates (Kotlin for Android, Swift for iOS/macOS, JavaScript for web) with factory registration patterns \n Requires decision tree upfront to determine target platform and embedd

MVVM architecture for Flutter apps with unidirectional data flow and strict layer separation. \n \n Implements three-layer architecture: Data Layer (Services and Repositories), Domain Layer (UseCases for complex logic), and UI Layer (ViewModels and Views) \n Uses provider for dependency injection and ListenableBuilder for reactive UI updates with the Command pattern for user interactions \n Enforces unidirectional data flow: data flows down from Repositories to ViewModels to Views; events flow u

Implement MVVM and Unidirectional Data Flow patterns for Flutter state management. \n \n Provides decision logic to differentiate between ephemeral state (local UI state via setState ) and app state (shared state via MVVM and provider package) \n Enforces strict separation of concerns: data layer (Repository as Single Source of Truth), logic layer (ViewModel extending ChangeNotifier ), and UI layer (pure functions of immutable state) \n Includes complete code examples for implementing the MVVM p

Navigate between screens, handle deep linking, and manage data passing in Flutter applications. \n \n Evaluates app requirements to select the optimal routing strategy: imperative Navigator for simple flows, declarative Router / go_router for deep linking and web support, or nested Navigator for independent sub-flows \n Supports data passing between routes via constructor arguments (preferred) or RouteSettings with type-safe argument extraction \n Implements named routes with MaterialApp.routes

Build responsive Flutter layouts by composing widgets, managing constraints, and adapting to screen sizes. \n \n Provides a decision tree for selecting the right base layout widget (Row, Column, Stack, ListView, GridView, CustomScrollView) based on content dimensionality, overlap, scrolling, and responsiveness needs \n Enforces Flutter's core constraint system: constraints flow down, sizes flow up, parents set position; includes ConstrainedBox patterns for forcing specific dimensions \n Implemen

Manage ephemeral and app-level state in Flutter using StatefulWidget, MVVM, and Provider. \n \n Distinguishes between ephemeral state (single widget, managed with setState() ) and app state (shared across widgets, managed with MVVM and provider package) \n Implements unidirectional data flow with a single source of truth: Models handle data, ViewModels manage UI state via ChangeNotifier , Views consume and display state \n Provides sequential workflow for MVVM implementation: define Repository,

SQLite and offline-first data layer architecture for Flutter apps with structured local persistence. \n \n Separates data layer into stateless Services (raw data wrappers) and business-logic Repositories (single source of truth per domain entity) \n Implements offline-first synchronization: reads yield cached local data immediately then fetch remote updates; writes save locally first, then attempt API sync with background queue fallback \n Covers SQLite setup with safe parameterized queries, Dom

Measure and optimize Flutter app bundle size across platforms with analysis tools and reduction strategies. \n \n Generates detailed size analysis JSON files via --analyze-size flag to identify large packages, libraries, and assets contributing to bloat \n Visualize and compare builds using DevTools app size tool with treemap inspection and diff functionality to track optimization progress \n Supports Android (APK/AAB), iOS, and desktop platforms with platform-specific workflows, including iOS a

$22

Automates Linux environment setup for Flutter desktop development with dependency installation and validation workflows. \n \n Covers three core workflows: installing system dependencies (build tools, GTK libraries, C/C++ toolchain), validating the environment with flutter doctor , and preparing Snap packages for distribution \n Provides ready-to-run commands for Debian/Ubuntu systems and includes conditional setup for ChromeOS Linux containers \n Includes a baseline snapcraft.yaml template for

Automated Windows environment setup for Flutter development with SDK, tooling, and platform configuration. \n \n Guides SDK installation, PATH configuration, and dependency validation via flutter doctor \n Covers Visual Studio C++ workload setup for Windows desktop compilation and Android emulator/device configuration \n Includes workflows for building release binaries, packaging distributable archives with required DLLs, and generating self-signed certificates for MSIX deployment \n Provides st

Validated Flutter forms with field-level error handling and submission workflows. \n \n Requires StatefulWidget hosting with a persistent GlobalKey<FormState> to manage form state and validation across rebuilds \n Use TextFormField widgets with validator() callbacks that return error strings on failure or null on success \n Call _formKey.currentState!.validate() on submit to trigger all validators and automatically display error messages below fields \n Includes complete code example demons

Imperative and declarative routing patterns for Flutter screen transitions and deep linking. \n \n Covers both Navigator (imperative, stack-based) and Router (declarative, URL-synchronized) approaches with guidance on when to use each \n Supports deep linking on iOS, Android, and Web; includes data passing via constructors, route arguments, and return values \n Implements nested navigation for multi-step flows (e.g., setup wizards) with independent sub-navigators and back-button interception \n

Layered architecture framework for scalable Flutter apps with strict separation of concerns. \n \n Enforces three-layer structure (UI, Logic, Data) with unidirectional data flow and a single source of truth in the Data layer \n UI layer contains lean Views and ViewModels that transform domain models into presentation state; Logic layer (optional) handles complex business orchestration; Data layer divides strictly into stateless Services and caching Repositories \n Provides step-by-step feature i

Global styling and adaptive design patterns for Flutter apps using Material 3 theming. \n \n Covers Material 3 color schemes, typography, elevation, and modern component replacements (NavigationBar, FilledButton, SegmentedButton) \n Includes component theme normalization using *ThemeData classes and deprecation guidance for legacy properties like accentColor and AppBarTheme.color \n Provides platform-specific adaptive patterns: scrollbar visibility, selectable text, button order (Windows vs. mac

Configure Flutter apps for assistive technologies including screen readers and keyboard navigation. \n \n Covers UI design fundamentals: font scaling, color contrast (4.5:1 for normal text, 3:1 for large), and 48x48 pixel minimum tap targets \n Provides semantic annotation patterns using Semantics , MergeSemantics , and ExcludeSemantics widgets to expose widget tree structure to assistive tools \n Includes web-specific guidance on enabling the semantics layer (disabled by default for performance

$22

Add home screen widgets to Flutter apps for Android and iOS with native UI and shared data synchronization. \n \n Flutter communicates with native widgets via shared local storage (UserDefaults on iOS, SharedPreferences on Android) using the home_widget package; data flows from Flutter writes to native widget reads on OS trigger. \n iOS implementation uses Xcode, SwiftUI, and Widget Extension targets with App Groups capability; Android uses Android Studio with AppWidgetProvider, XML layouts, and