@flutter

flutter-architecting-apps prescribes a three-layer (ui, logic, data) structure for flutter projects with unidirectional data flow, single source of truth, and reactive state management. covers layering patterns, service/repository separation, viewmodel binding, and feature workflow.

flutter-localization covers i18n/l10n setup for multi-language apps, including dependency injection, .arb file management, code generation via l10n.yaml, root widget configuration, and ios platform-specific locale registration.

flutter-managing-state covers ephemeral state with setstate and app-level state via mvvm and provider, distinguishing management strategies and unidirectional data flow patterns.

flutter-databases establishes mvvm-compliant data layers using the repository pattern, with decision trees for selecting persistence tech (sqflite, hive, shared_preferences) based on data shape and size. includes code examples for offline-first sync and sql injection prevention.

flutter-apply-architecture-best-practices covers layered application structure via mvvm, repository injection, and separation of concerns. incomplete treatment of logic and data layers limits actionability.

flutter-app-size covers measurement and optimization of app bundles across android, ios, and desktop platforms using build analysis, devtools visualization, and reduction strategies like debug info splitting and asset compression.

flutter-implementing-navigation-and-routing covers imperative and declarative routing patterns, deep linking across platforms, and nested navigation for multi-step flows. provides guidance on navigator vs router selection and practical workflows with code examples.

flutter-reducing-app-size documents core concepts for measuring and optimizing flutter bundle sizes, covering debug vs release modes, upload vs download size distinctions, and json analysis file generation with incomplete procedural workflows.

flutter-caching covers in-memory, persistent, and file-based data caching alongside widget rendering optimization and offline-first patterns, with android engine pre-warming for hybrid apps.

How to build your app's layout using Flutter's layout widgets and constraint system

Triggers an accessibility scan through the widget_inspector and automatically adds Semantics widgets or missing labels to the source code.

Use the `http` package to execute GET, POST, PUT, or DELETE requests. Use when you need to fetch from or send data to a REST API.

Adds interactive widget previews to the project using the previews.dart system. Use when creating new UI components or updating existing screens to ensure…

Add `flutter_localizations` and `intl` dependencies, enable "generate true" in `pubspec.yaml`, and create an `l10n.yaml` configuration file. Use when…

Create model classes with `fromJson` and `toJson` methods using `dart:convert`. Use when manually mapping JSON keys to class properties for simple data…

Configures Flutter Driver for app interaction and converts MCP actions into permanent integration tests. Use when adding integration testing to a project,…

Configure `MaterialApp.router` using a package like `go_router` for advanced URL-based navigation. Use when developing web applications or mobile apps that…

Implement a component-level test using `WidgetTester` to verify UI rendering and user interactions (tapping, scrolling, entering text). Use when validating…

Fixes Flutter layout errors (overflows, unbounded constraints) using Dart and Flutter MCP tools. Use when addressing "RenderFlex overflowed", "Vertical…

Use `LayoutBuilder`, `MediaQuery`, or `Expanded/Flexible` to create a layout that adapts to different screen sizes. Use when you need the UI to look good on…

Sets up a Linux environment for Flutter development. Use when configuring a Linux machine to run, build, or deploy Flutter applications.

Sets up a Windows environment for Flutter development. Use when configuring a Windows machine to run, build, or deploy Flutter applications for Windows desktop…

Sets up a macOS environment for Flutter development. Use when configuring a macOS machine to run, build, or deploy Flutter applications for iOS or macOS.

Embeds native Android, iOS, or macOS views into a Flutter app. Use when integrating complex native components like maps or web views.

Builds Flutter plugins that provide native interop for other apps to use. Use when creating reusable packages that bridge Flutter with platform-specific…

Adds home screen widgets to a Flutter app for Android and iOS. Use when providing glanceable app information or quick actions on the device home screen.

Interoperates with native platform APIs on Android, iOS, and the web. Use when accessing device-specific features not available in Dart or calling existing…

Configures a Flutter app to support assistive technologies like Screen Readers. Use when ensuring an application is usable for people with disabilities.

Manages local data persistence using SQLite or other database solutions. Use when a Flutter app needs to store, query, or synchronize large amounts of…

Configures a Flutter app to support multiple languages and regions. Use when preparing an application for international markets and diverse user locales.

Executes long-running tasks in background isolates to keep the UI responsive. Use when performing heavy computations or parsing large datasets.

Executes HTTP requests and handles JSON serialization in a Flutter app. Use when integrating with REST APIs or parsing structured data from external sources.

Builds Flutter forms with validation and user input handling. Use when creating login screens, data entry forms, or any multi-field user input.

Implements caching strategies for Flutter apps to improve performance and offline support. Use when retaining app data locally to reduce network requests or…

Implements unit, widget, and integration tests for a Flutter app. Use when ensuring code quality and preventing regressions through automated testing.

Customizes the visual appearance of a Flutter app using the theming system. Use when defining global styles, colors, or typography for an application.

Implements animated effects, transitions, and motion in a Flutter app. Use when adding visual feedback, shared element transitions, or physics-based animations.

Builds Flutter layouts using the constraint system and layout widgets. Use when creating or refining the UI structure of a Flutter application.

Add Flutter unit tests, widget tests, or integration tests

Use the Flutter team's recommended app architecture

Manage state in your Flutter application

Move between or deep link to different screens or routes within a Flutter application

flutter-animation — an installable skill for AI agents, published by flutter/skills.

How to customize your app's theme using Flutter's theming system

Optimize the performance of your Flutter app

Adding a Home Screen widget to your Flutter App

Set up a Linux environment for Flutter development

Set up a Windows environment for Flutter development

Set up a macOS environment for Flutter development

Add a native view into your Flutter app

Build a Flutter plugin that provides native interop for other Flutter apps to use

Interoperate with native APIs in a Flutter app on Android, iOS, and the web

Make HTTP requests and encode / decode JSON in a Flutter app

Configure your Flutter app to support assistive technologies like Screen Readers

Execute long-running tasks in a background thread in Flutter