Skills Flutter

skills/skills/flutter-build-responsive-layout

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…

skills/skills/flutter-building-forms

Formulaires Flutter validés avec gestion des erreurs au niveau des champs et workflows de soumission. Nécessite un hébergement StatefulWidget avec une GlobalKey<FormState> persistante pour gérer l'état du formulaire et la validation lors des reconstructions. Utilisez des widgets TextFormField avec des callbacks validator() qui renvoient des chaînes d'erreur en cas d'échec ou null en cas de succès. Appelez _formKey.currentState!.validate() lors de la soumission pour déclencher tous les validateurs et afficher automatiquement les messages d'erreur sous les champs. Inclut un exemple de code complet démontrant le nom d'utilisateur...

skills/skills/flutter-building-layouts

Maîtrisez le système de contraintes de Flutter pour créer des mises en page réactives et sans débordement efficacement. Principe fondamental : les contraintes descendent, les tailles montent, les parents définissent la position. Ne transmettez jamais de contraintes illimitées dans les boîtes flexibles ou les zones défilables. Utilisez Row / Column pour les mises en page linéaires, Expanded / Flexible pour la répartition de l'espace, Stack pour les éléments superposés et SizedBox pour les contraintes strictes. Appliquez LayoutBuilder pour un dimensionnement réactif ou un rendu conditionnel pour des mises en page adaptatives sur mobile, tablette,...

skills/skills/flutter-building-plugins

We need to translate the given text from English to French. The text describes a Flutter plugin development skill. We must preserve the name "flutter-building-plugins" but it's not in the text, so we don't include it. We translate the text only, no extra commentary. The text is: "Scaffold and implement cross-platform Flutter plugins with native interop for Android, iOS, Windows, and web. 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 Federated plugin architecture splits API across app-facing, platform interface, and independent platform implementation packages for team-based development Includes step-by-step" Note: There might be missing punctuation. The original text has no period at the end. We'll translate faithfully. Translation: "Échafaudez et implémentez des plugins Flutter multiplateformes avec interopérabilité native pour Android, iOS, Windows et le web. Prend en charge à la fois

skills/skills/flutter-caching

Optimisation complète de la mise en cache et des performances pour les applications Flutter sur plusieurs types de données et plateformes. Fournit une logique de décision pour sélectionner les mécanismes de mise en cache appropriés : en mémoire, shared_preferences pour les paires clé-valeur, SQLite pour les données relationnelles, système de fichiers pour les gros blobs, et mise en cache des images pour les images réseau. Inclut un modèle de référentiel hors ligne basé sur les flux qui renvoie d'abord les données mises en cache, puis récupère et met à jour depuis le réseau. Couvre le préchauffage du FlutterEngine Android et...

skills/skills/flutter-caching-data

We need to translate the given text from English to French. The text is about local data caching and offline-first synchronization patterns for Flutter apps. It mentions specific strategies and techniques. We must preserve product names, protocol names, URLs, numbers, technical terms. The name "flutter-caching-data" is not in the text, so we don't include it. We just translate the text inside <text>. No extra commentary, no labels. Let's translate: "Local data caching and offline-first synchronization patterns for Flutter apps." -> "Mise en cache locale des données et modèles de synchronisation hors ligne en priorité pour les applications Flutter." "Covers five caching strategies: shared_preferences for UI state, SQLite/Hive for structured data, file system for binary media, state restoration for navigation, and FlutterEngine pre-warming on Android" -> "Couvre cinq stratégies de mise en cache : shared_preferences pour l'état de l'interface utilisateur, SQLite/Hive pour les données structurées, le système de fichiers pour les méd

flutter/.agents/skills/flutter-cherry-pick

Comment effectuer un cherry-pick formel d'une PR fusionnée pour le canal stable ou bêta du dépôt flutter/flutter. Utiliser uniquement pour les pull requests fusionnées de flutter/flutter. Uniquement…

skills/skills/flutter-concurrency

Analyse JSON en arrière-plan et gestion d'état pour un rendu d'interface Flutter sans saccades. Fournit un arbre de décision pour choisir entre la sérialisation manuelle (dart:convert) et la génération de code (json_serializable) selon la complexité du modèle. Prend en charge trois stratégies de concurrence : async/await sur le thread principal pour les petites charges, Isolate.run() de courte durée pour les calculs lourds ponctuels, et isolates longue durée avec ReceivePort/SendPort pour une communication bidirectionnelle continue. Inclut un repli adapté à la plateforme :...

skills/skills/flutter-databases

Couche de données conforme au modèle MVVM pour Flutter avec le pattern Repository, des Services sans état et des stratégies intelligentes de mise en cache locale. Guide la sélection de la technologie de persistance (shared_preferences, sqflite, drift, hive_ce, isar_community ou entrées-sorties fichier) en fonction du type de données, de la taille et de la complexité relationnelle. Implémente le Repository comme source unique de vérité, isolant DatabaseService et ApiClient en tant que dépendances privées sans état. Fournit des exemples de code complets pour les modèles de domaine, les opérations SQLite et...

skills/skills/flutter-embedding-native-views

Intégrer des vues natives Android, iOS ou macOS et du contenu web directement dans des applications Flutter. Prend en charge deux modes de composition Android (Hybride et Couche de Texture) avec des compromis distincts en termes de performances et de fidélité ; iOS et macOS utilisent exclusivement la Composition Hybride. Inclut des workflows étape par étape pour implémenter des vues de plateforme sur Android et iOS, avec des conseils de validation et de dépannage. Permet d'intégrer Flutter dans des applications web existantes via le mode Pleine Page ou Multi-vue (Intégré), avec...

skills/skills/flutter-environment-setup-linux

We need to translate the given English text into French, preserving the name "flutter-environment-setup-linux" only if it appears in the source text. The source text does not include the name, so we don't include it. We must preserve product names, protocol names, URLs, numbers, technical terms. No extra commentary. The text: "Linux environment setup for Flutter desktop development with OS detection and toolchain validation. Automatically detects Debian/Ubuntu or ChromeOS and halts with instructions for non-apt systems Installs core dependencies (curl, git, unzip, libglu1-mesa) and Linux desktop toolchain (clang, cmake, ninja-build, GTK libraries) Prompts for optional IDE setup (VS Code or Android Studio via snap) Runs flutter doctor -v and flutter devices to validate the environment, automatically..." It seems cut off? The source ends with "automatically..." but likely it's a complete sentence. The original text: "Runs flutter doctor -v and flutter devices to validate the environment, automatically..." Possibly

skills/skills/flutter-environment-setup-macos

We need to translate the given English text into French, preserving the name "flutter-environment-setup-macos" but not including it unless it appears in the source text. The source text does not include the name, so we just translate the description. We must preserve product names, protocol names, URLs, numbers, technical terms. So "Flutter", "Xcode", "CocoaPods", "sudo", "flutter doctor" should remain as is. Also "macOS" might be kept or translated? Usually "macOS" is kept. "Automated" -> "Automatisé", "development environment setup" -> "configuration de l'environnement de développement", "dependency validation" -> "validation des dépendances", "diagnostic fixes" -> "correctifs de diagnostic". "Verifies" -> "Vérifie", "installation" -> "installation", "availability" -> "disponibilité", "presence" -> "présence", "stops with clear instructions" -> "s'arrête avec des instructions claires", "if any prerequisite

skills/skills/flutter-environment-setup-windows

Configuration automatisée de l'environnement de développement Flutter sous Windows avec configuration de la chaîne d'outils spécifique à la plateforme. Configure les chemins du SDK Flutter, l'installation de la chaîne d'outils Visual Studio C++ et les paramètres spécifiques à la plateforme via des invites interactives pour Windows Desktop, Android ou les deux cibles. Gère la configuration d'Android Studio, la configuration des appareils/émulateurs et l'installation des pilotes USB lorsque Android est sélectionné. Génère des certificats MSIX auto-signés à l'aide d'OpenSSL pour l'empaquetage et le déploiement d'applications Windows locales...

skills/skills/flutter-fix-layout-issues

Corrige les erreurs de mise en page Flutter (débordements, contraintes illimitées) à l'aide des outils Dart et Flutter MCP. À utiliser pour résoudre les messages « RenderFlex overflowed », « Vertical…

skills/skills/flutter-form

Construire un formulaire avec validation

skills/skills/flutter-handling-concurrency

Déchargez les tâches intensives en CPU vers des isolates en arrière-plan tout en maintenant les interfaces utilisateur Flutter réactives. Propose trois modèles de concurrence : async/await pour les travaux liés aux E/S, Isolate.run() pour les calculs lourds ponctuels, et Isolate.spawn() avec passage de messages pour les workers persistants en arrière-plan. Inclut une matrice de décision pour choisir entre les opérations asynchrones et les isolates selon le type de tâche (E/S vs. CPU) et la fréquence d'exécution. Couvre trois workflows complets avec des listes de tâches étape par étape : standard...

skills/skills/flutter-handling-http-and-json

Requêtes HTTP et sérialisation JSON pour l'intégration d'API REST et l'analyse de données dans Flutter. Couvre trois méthodes HTTP (GET, POST, PUT, DELETE) avec validation appropriée des codes de statut, application du protocole HTTPS et construction sécurisée d'URI à l'aide de Uri.https(). Propose deux stratégies de sérialisation : fromJson / toJson manuels pour les modèles simples, et génération de code avec json_serializable pour les structures imbriquées complexes. Inclut l'analyse en arrière-plan avec compute() pour éviter le ralentissement de l'interface lors du traitement de grandes charges utiles JSON...

skills/skills/flutter-home-screen-widget

Widgets natifs de l'écran d'accueil pour les applications Flutter sur iOS et Android avec partage de données multiplateforme. Établit un partage de données entre Dart et les plateformes natives via App Groups (iOS) et SharedPreferences (Android), permettant les mises à jour des widgets depuis votre application Flutter. Prend en charge les widgets textuels simples et les interfaces Flutter complexes rendues sous forme d'images statiques pour l'affichage natif. Nécessite une configuration native dans Xcode (cible Widget Extension avec Swift TimelineProvider) et Android Studio (AppWidgetProvider avec XML...

skills/skills/flutter-http-and-json

Réseautage HTTP sécurisé et gestion JSON pour les applications Flutter avec prise en charge de l'analyse en arrière-plan. Implémente les opérations CRUD (GET, POST, PUT, DELETE) à l'aide du package http avec construction sécurisée d'URL via Uri.https() et validation stricte des codes de statut. Fournit une sérialisation et désérialisation JSON fortement typées utilisant le filtrage de motifs Dart 3 avec des constructeurs factory et des méthodes toJson(). Décharge l'analyse JSON volumineuse vers des isolates en arrière-plan via compute() pour éviter les saccades de l'interface utilisateur sur les charges utiles dépassant 16 ms...

skills/skills/flutter-implement-json-serialization

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

skills/skills/flutter-implementing-navigation-and-routing

Modèles de routage impératif et déclaratif pour les transitions d'écran et le deep linking dans Flutter. Couvre les approches Navigator (impératif, basé sur une pile) et Router (déclaratif, synchronisé avec les URL) avec des conseils sur quand utiliser chacune. Prend en charge le deep linking sur iOS, Android et Web ; inclut le passage de données via les constructeurs, les arguments de route et les valeurs de retour. Implémente la navigation imbriquée pour les flux multi-étapes (par exemple, les assistants de configuration) avec des sous-navigateurs indépendants et l'interception du bouton retour. Fournit...

skills/skills/flutter-improving-accessibility

Configurer des applications Flutter pour les technologies d'assistance, y compris les lecteurs d'écran et la navigation au clavier. Couvre les fondamentaux de la conception d'interface utilisateur : mise à l'échelle des polices, contraste des couleurs (4,5:1 pour le texte normal, 3:1 pour le texte grand) et zones tactiles minimales de 48x48 pixels. Fournit des modèles d'annotation sémantique utilisant les widgets Semantics, MergeSemantics et ExcludeSemantics pour exposer la structure de l'arborescence des widgets aux outils d'assistance. Inclut des conseils spécifiques au Web sur l'activation de la couche sémantique (désactivée par défaut pour des raisons de performances) et...

skills/skills/flutter-interoperating-with-native-apis

We need to translate the given text from English to French. The text describes accessing native APIs from Flutter code, mentioning three integration approaches: FFI, Platform Channels, and Platform Views. We must preserve the name "flutter-interoperating-with-native-apis" but it's not in the text, so we ignore. Also preserve technical terms like FFI, Platform Channels, Pigeon, Kotlin, Swift, Objective-C, Platform Views, dart:ffi, build.dart, extern "C", package:ffigen, etc. No extra commentary. Just translate the text inside <text>. The text: "Access device-specific native APIs on Android, iOS, and web from Flutter code. Supports three integration approaches: FFI for direct C/C++ binding, Platform Channels (with Pigeon for type safety) for calling Kotlin/Swift/Objective-C, and Platform Views for embedding native UI components FFI uses dart:ffi with automatic build compilation via build.dart hooks; requires extern "C" symbols and package:ffigen for Dart binding generation Platform Channels

skills/skills/flutter-layout

Construire des mises en page Flutter réactives en composant des widgets, en gérant les contraintes et en s'adaptant aux tailles d'écran. Fournit un arbre de décision pour sélectionner le widget de mise en page de base approprié (Row, Column, Stack, ListView, GridView, CustomScrollView) en fonction de la dimensionnalité du contenu, du chevauchement, du défilement et des besoins de réactivité. Applique le système de contraintes central de Flutter : les contraintes descendent, les tailles montent, les parents définissent la position ; inclut des modèles ConstrainedBox pour forcer des dimensions spécifiques. Implémente...

skills/skills/flutter-localization

We need to translate the given English text into French, preserving the name "flutter-localization" but not including it unless it appears in the source text. The source text does not include the name, so we just translate the description. We must preserve product names, protocol names, URLs, numbers, technical terms. So "Flutter", "i18n", "flutter_localizations", "intl", "l10n.yaml", ".arb", "MaterialApp", "CupertinoApp", "WidgetsApp", "TextField", "CupertinoTabBar", "Localizations" should remain as is. Also "placeholders", "plurals", "regional variants" are technical terms but can be translated? The instruction says preserve technical terms, but "placeholders" and "plurals" are common in localization, might be okay to translate? However, to be safe, I'll keep them as is? The instruction says "preserve product names, protocol names, URLs, numbers, and technical terms." So technical terms should be preserved, meaning not translated.

skills/skills/flutter-localizing-apps

Prise en charge multilingue pour les applications Flutter utilisant des fichiers ARB et la génération de code. Configurez pubspec.yaml avec flutter_localizations et intl, puis définissez un fichier l10n.yaml pour activer le générateur de code gen-l10n. Stockez les chaînes localisées dans des fichiers JSON Application Resource Bundle (.arb) ; le fichier modèle définit toutes les clés, et les fichiers spécifiques à chaque locale fournissent les traductions. Intégrez les localisations dans MaterialApp ou CupertinoApp en ajoutant AppLocalizations.delegate et les délégués spécifiques à la plateforme à...

skills/skills/flutter-managing-state

Gérer l'état éphémère et au niveau de l'application dans Flutter en utilisant StatefulWidget, MVVM et Provider. Fait la distinction entre l'état éphémère (widget unique, géré avec setState()) et l'état de l'application (partagé entre les widgets, géré avec MVVM et le package provider). Implémente un flux de données unidirectionnel avec une source unique de vérité : les modèles gèrent les données, les ViewModels gèrent l'état de l'interface utilisateur via ChangeNotifier, les vues consomment et affichent l'état. Fournit un flux de travail séquentiel pour l'implémentation MVVM : définir Repository, créer...

skills/skills/flutter-native-interop

Interopérabilité native multiplateforme pour les applications Flutter sur Android, iOS et Web. Fournit une logique de décision pour sélectionner la stratégie d'intégration optimale : FFI pour le code C/C++, Platform Channels pour les API spécifiques au système d'exploitation, Platform Views pour les composants d'interface utilisateur natifs, et JS Interop pour le web. Implémente une architecture FFI moderne utilisant des hooks de build (Flutter 3.38+) avec compilation de chaîne d'outils native et liaisons Dart. Prend en charge les Platform Channels asynchrones (MethodChannel) avec Kotlin et Swift complets...

skills/skills/flutter-performance

Identifie et élimine les goulots d'étranglement de performance dans les applications Flutter grâce à un profilage systématique et une optimisation ciblée. Fournit un arbre de décision pour diagnostiquer le jank sur le thread UI, le thread Raster (GPU), ou les deux, avec des correctifs spécifiques pour chaque cas. Inclut des modèles de tests d'intégration utilisant traceAction et TimelineSummary pour établir des bases de performance et mesurer les budgets de trames. Couvre l'optimisation UI (localisation de l'état, constructeurs const, utilisation de StringBuffer) et l'optimisation Raster (remplacement d'Opacity...

skills/skills/flutter-platform-views

Intégrer des vues natives et du contenu web dans des applications Flutter sur Android, iOS, macOS et les plateformes web. Prend en charge la composition hybride Android (fidélité native) et la couche de texture (performances Flutter), la composition hybride iOS/macOS, ainsi que les modes web plein écran ou multi-vues intégrées. Fournit des modèles de code Dart et natif complets (Kotlin pour Android, Swift pour iOS/macOS, JavaScript pour le web) avec des schémas d'enregistrement d'usine. Nécessite un arbre de décision préalable pour déterminer la plateforme cible et l'intégration...