F

Skills de Flutter

add-dart-lint-validation-rule
flutter
Instrucciones para agregar una nueva regla de validación y un indicador de CLI a dart_skills_lint.
official
create-catalog-item
flutter
Usa esta habilidad cuando el usuario solicite crear un nuevo CatalogItem, data class y/o widget class basado en una definición de esquema JSON en una aplicación que utiliza…
official
dart-best-practices
flutter
Prefiere usar cadenas multilínea ( ''' ) en lugar de concatenar cadenas con + y \n , especialmente para bloques grandes de texto como consultas SQL, HTML o claves codificadas en PEM. Esto mejora la legibilidad y evita errores de lint por líneas de más de 80 caracteres al permitir saltos de línea naturales.
official
dart-checks-migration
flutter
Para encontrar candidatos para la migración, utiliza las siguientes estrategias de búsqueda:
official
dart-cli-app-best-practices
flutter
Mantén el contenido de tu archivo de punto de entrada (por ejemplo, bin/my_app.dart) al mínimo. Esto mejora la capacidad de prueba al desacoplar la lógica del ejecutor de procesos.
official
dart-doc-validation
flutter
Para encontrar problemas en la documentación:
official
dart-log-failure-parser
flutter
Analiza fallos de los registros de pruebas de Dart y Flutter.
official
dart-long-lines
flutter
Para encontrar líneas que exceden el límite:
official
dart-matcher-best-practices
flutter
Para encontrar candidatos para mejorar el uso de matchers, busca patrones subóptimos:
official
dart-modern-features
flutter
Para encontrar candidatos para la modernización:
official
dart-package-maintenance
flutter
Directrices para mantener paquetes Dart en consonancia con las mejores prácticas del equipo Dart.
official
dart-skills-lint-validation
flutter
Usa la CLI de dart_skills_lint para validar habilidades. Elige el flujo de trabajo adecuado según tu entorno:
official
dart-test-coverage
flutter
Pautas para ejecutar e interpretar la cobertura de pruebas en paquetes Dart.
official
dart-test-fundamentals
flutter
Para encontrar candidatos para mejorar la estructura de pruebas:
official
definition-of-done
flutter
Verificaciones obligatorias que deben ejecutarse antes de completar cualquier tarea que involucre archivos md o código dart en este repositorio.
official
find-release
flutter
Una habilidad para encontrar la versión más baja de Dart y Flutter que contiene un commit dado. Usa esta habilidad cada vez que los usuarios pregunten cuándo se incorporó un commit en Flutter o Dart…
official
flutter-accessibility
flutter
Implementa los estándares de accesibilidad WCAG 2 y EN 301 549 y diseños adaptativos en aplicaciones Flutter. Aplica anotaciones semánticas, tamaños de destino táctil (mínimo 48x48 dp) y relaciones de contraste de texto (4.5:1 para texto pequeño, 3:1 para texto grande) en plataformas móviles, web y de escritorio. Proporciona lógica de decisión para la inicialización de semántica web, envoltura de widgets interactivos, cambio de diseño basado en tamaño de pantalla y manejo de entrada por teclado/ratón. Incluye gestión de enfoque de navegación mediante FocusTraversalGroup y...
official
flutter-accessibility-audit
flutter
Activa un escaneo de accesibilidad a través del widget_inspector y agrega automáticamente widgets Semantics o etiquetas faltantes al código fuente.
official
flutter-add-integration-test
flutter
Configura Flutter Driver para la interacción con la aplicación y convierte las acciones de MCP en pruebas de integración permanentes. Úsalo al agregar pruebas de integración a un proyecto,…
official
flutter-add-widget-preview
flutter
Añade vistas previas interactivas de widgets al proyecto utilizando el sistema previews.dart. Úselo al crear nuevos componentes de interfaz o al actualizar pantallas existentes para garantizar…
official
flutter-add-widget-test
flutter
Implement
official
flutter-adding-home-screen-widgets
flutter
Agrega widgets a la pantalla de inicio en aplicaciones Flutter para Android e iOS con interfaz nativa y sincronización de datos compartidos. Flutter se comunica con los widgets nativos mediante almacenamiento local compartido (UserDefaults en iOS, SharedPreferences en Android) usando el paquete home_widget; los datos fluyen desde escrituras en Flutter hasta lecturas del widget nativo al activarse el sistema operativo. La implementación en iOS utiliza Xcode, SwiftUI y objetivos de extensión de Widget con capacidad de App Groups; Android usa Android Studio con AppWidgetProvider, diseños XML y...
official
flutter-animating-apps
flutter
Retroalimentación visual, transiciones y movimiento basado en física para aplicaciones Flutter utilizando el framework de animación. Cuatro estrategias de animación: animaciones implícitas para cambios simples de propiedades, animaciones explícitas con control de reproducción, transiciones Hero para elementos compartidos entre rutas y animaciones basadas en física para movimiento natural impulsado por gestos. Sistema de animación tipado central con las clases AnimationController, Tween y Curve; siempre elimina los controladores para evitar fugas de memoria. Animaciones escalonadas...
official
flutter-animation
flutter
Selecciona e implementa la estrategia de animación Flutter óptima para tu requisito de interfaz de usuario. Incluye un árbol de decisión para elegir entre animaciones implícitas, tweens explícitos, movimiento basado en física, transiciones hero, secuencias escalonadas y transiciones de rutas de página. Proporciona ejemplos de código completos para cada tipo de animación, desde un simple AnimatedContainer hasta configuraciones complejas de múltiples tweens escalonados. Impone una gestión estricta de memoria con la eliminación obligatoria de AnimationController y las mejores prácticas de rendimiento utilizando...
official
flutter-app-size
flutter
Mide y optimiza el tamaño del bundle, APK o IPA de una aplicación Flutter con análisis y estrategias de reducción específicas para cada plataforma. Compatible con Android (APK/AppBundle), iOS (IPA) y plataformas de escritorio (Linux, macOS, Windows) con flujos de medición específicos. Genera archivos JSON de análisis de tamaño de código mediante flutter build --analyze-size y se integra con la herramienta App Size Tool de Dart DevTools para visualizar el desglose de componentes. Implementa reducción de tamaño mediante división de información de depuración, compresión de recursos y...
official
flutter-apply-architecture-best-practices
flutter
Arquitecta una aplicación Flutter utilizando el enfoque de capas recomendado (UI, Lógica, Datos). Úsalo al estructurar un nuevo proyecto o refactorizar para escalabilidad.
official
flutter-architecting-apps
flutter
Marco de arquitectura en capas para aplicaciones Flutter escalables con estricta separación de responsabilidades. Impone una estructura de tres capas (UI, Lógica, Datos) con flujo de datos unidireccional y una única fuente de verdad en la capa de Datos. La capa de UI contiene Vistas y ViewModels ligeros que transforman modelos de dominio en estado de presentación; la capa de Lógica (opcional) maneja orquestación empresarial compleja; la capa de Datos se divide estrictamente en Servicios sin estado y Repositorios con caché. Proporciona funcionalidad paso a paso...
official
flutter-architecture
flutter
Arquitectura MVVM para aplicaciones Flutter con flujo de datos unidireccional y separación estricta de capas. Implementa arquitectura de tres capas: Capa de Datos (Servicios y Repositorios), Capa de Dominio (Casos de Uso para lógica compleja) y Capa de UI (ViewModels y Vistas). Utiliza provider para inyección de dependencias y ListenableBuilder para actualizaciones reactivas de la UI con el patrón Command para interacciones de usuario. Aplica flujo de datos unidireccional: los datos fluyen hacia abajo desde Repositorios a ViewModels a Vistas; los eventos fluyen hacia arriba...
official
flutter-build-responsive-layout
flutter
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…
official
flutter-building-forms
flutter
Formularios Flutter validados con manejo de errores a nivel de campo y flujos de envío. Requiere un StatefulWidget anfitrión con un GlobalKey<FormState> persistente para gestionar el estado del formulario y la validación entre reconstrucciones. Utiliza widgets TextFormField con callbacks validator() que devuelven cadenas de error en caso de fallo o null en caso de éxito. Llama a _formKey.currentState!.validate() al enviar para activar todos los validadores y mostrar automáticamente mensajes de error debajo de los campos. Incluye un ejemplo de código completo que demuestra nombre de usuario...
official
flutter-building-layouts
flutter
Domina el sistema de restricciones de Flutter para construir diseños responsivos y sin desbordamiento de manera eficiente. Principio fundamental: las restricciones fluyen hacia abajo, los tamaños fluyen hacia arriba, los padres establecen la posición. Nunca pases restricciones ilimitadas en cajas flexibles o regiones desplazables. Usa Row / Column para diseños lineales, Expanded / Flexible para distribución de espacio, Stack para elementos superpuestos y SizedBox para restricciones estrictas. Aplica LayoutBuilder para tamaños responsivos o renderizado condicional para diseños adaptativos en móvil, tableta,...
official
flutter-building-plugins
flutter
Crea e implementa plugins de Flutter multiplataforma con interoperabilidad nativa para Android, iOS, Windows y web. Soporta tanto plugins estándar (Method Channels para APIs de plataforma) como plugins FFI (bibliotecas nativas C/C++); elige según necesites acceso a SDK específico de plataforma o enlace directo a código nativo. La arquitectura de plugin federado divide la API en paquetes de interfaz de aplicación, interfaz de plataforma e implementación de plataforma independiente para desarrollo en equipo. Incluye guía paso a paso...
official
flutter-caching
flutter
Optimización integral de caché y rendimiento para aplicaciones Flutter en múltiples tipos de datos y plataformas. Proporciona lógica de decisión para seleccionar mecanismos de caché adecuados: en memoria, shared_preferences para pares clave-valor, SQLite para datos relacionales, sistema de archivos para grandes blobs y caché de imágenes para imágenes de red. Incluye un patrón de repositorio offline-first basado en streams que entrega primero los datos en caché, luego obtiene y actualiza desde la red. Cubre el precalentamiento de FlutterEngine en Android y...
official
flutter-caching-data
flutter
Patrones de almacenamiento en caché de datos locales y sincronización offline-first para aplicaciones Flutter. Cubre cinco estrategias de caché: shared_preferences para estado de UI, SQLite/Hive para datos estructurados, sistema de archivos para medios binarios, restauración de estado para navegación y precalentamiento de FlutterEngine en Android. Implementa repositorios offline-first usando streams para lecturas (yield local, fetch remoto, actualizar caché) y estrategias de escritura dual (solo en línea vs. offline-first con sincronización en segundo plano). Optimiza el almacenamiento en caché de imágenes con...
official
flutter-concurrency
flutter
Análisis JSON en segundo plano y gestión de estado para renderizado de interfaz de Flutter sin tirones. Proporciona un árbol de decisión para elegir entre serialización manual (dart:convert) y generación de código (json_serializable) según la complejidad del modelo. Soporta tres estrategias de concurrencia: async/await en el hilo principal para cargas pequeñas, Isolate.run() de corta duración para cálculos pesados puntuales, y isolates de larga duración con ReceivePort/SendPort para comunicación bidireccional continua. Incluye fallback consciente de la plataforma:...
official
flutter-databases
flutter
Capa de datos compatible con MVVM para Flutter con patrón Repository, Services sin estado y estrategias inteligentes de caché local. Guía la selección de tecnología de persistencia (shared_preferences, sqflite, drift, hive_ce, isar_community o file I/O) según el tipo de datos, tamaño y complejidad relacional. Implementa Repository como fuente única de verdad, aislando DatabaseService y ApiClient como dependencias privadas sin estado. Proporciona ejemplos de código completos para modelos de dominio, operaciones SQLite y...
official
flutter-embedding-native-views
flutter
Incorpora vistas nativas de Android, iOS o macOS y contenido web directamente en aplicaciones Flutter. Soporta dos modos de composición en Android (Hybrid y Texture Layer) con distintas compensaciones de rendimiento y fidelidad; iOS y macOS usan exclusivamente Hybrid Composition. Incluye flujos de trabajo paso a paso para implementar vistas de plataforma en Android y iOS, con guía de validación y solución de problemas. Permite integrar Flutter en aplicaciones web existentes mediante el modo Full Page o Multi-view (Embedded), con...
official
flutter-environment-setup-linux
flutter
Configuración del entorno Linux para desarrollo de Flutter en escritorio con detección del sistema operativo y validación del conjunto de herramientas. Detecta automáticamente Debian/Ubuntu o ChromeOS y se detiene con instrucciones para sistemas sin apt. Instala dependencias principales (curl, git, unzip, libglu1-mesa) y el conjunto de herramientas de escritorio Linux (clang, cmake, ninja-build, bibliotecas GTK). Solicita configuración opcional del IDE (VS Code o Android Studio mediante snap). Ejecuta flutter doctor -v y flutter devices para validar el entorno, instalando automáticamente...
official
flutter-environment-setup-macos
flutter
Configuración automatizada del entorno de desarrollo Flutter en macOS con validación de dependencias y correcciones de diagnóstico. Verifica la instalación de Flutter, la disponibilidad de Xcode y la presencia de CocoaPods; se detiene con instrucciones claras si falta algún requisito previo. Guía a los usuarios a través de la configuración de las herramientas de línea de comandos de Xcode y la aceptación de licencias con los comandos sudo necesarios. Ejecuta bucles iterativos de validación de flutter doctor para identificar y resolver problemas restantes en la cadena de herramientas hasta que la sección de Xcode pase completamente...
official
flutter-environment-setup-windows
flutter
Configuración automatizada del entorno de desarrollo Flutter en Windows con configuración de cadena de herramientas específica de la plataforma. Configura rutas del SDK de Flutter, instalación de la cadena de herramientas de Visual Studio C++ y ajustes específicos de la plataforma mediante indicaciones interactivas para Windows Desktop, Android o ambos objetivos. Gestiona la configuración de Android Studio, la configuración de dispositivos/emuladores y la instalación de controladores USB cuando se selecciona Android. Genera certificados MSIX autofirmados usando OpenSSL para el empaquetado e implementación local de aplicaciones de Windows...
official
flutter-fix-layout-issues
flutter
Corrige errores de diseño en Flutter (desbordamientos, restricciones ilimitadas) usando herramientas Dart y Flutter MCP. Úsalo al abordar "RenderFlex overflowed", "Vertical…
official
flutter-form
flutter
Construir un formulario con validación
official
flutter-handling-concurrency
flutter
Descarga tareas intensivas de CPU a isolates en segundo plano mientras mantiene las interfaces de Flutter responsivas. Proporciona tres patrones de concurrencia: async/await para trabajo limitado por E/S, Isolate.run() para cálculos pesados únicos, e Isolate.spawn() con paso de mensajes para trabajadores persistentes en segundo plano. Incluye una matriz de decisión para elegir entre operaciones asíncronas e isolates según el tipo de tarea (limitada por E/S vs. CPU) y la frecuencia de ejecución. Cubre tres flujos de trabajo completos con listas de tareas paso a paso: estándar...
official
flutter-handling-http-and-json
flutter
Solicitudes HTTP y serialización JSON para integración con API REST de Flutter y análisis de datos. Cubre tres métodos HTTP (GET, POST, PUT, DELETE) con validación adecuada de códigos de estado, cumplimiento de HTTPS y construcción segura de URI usando Uri.https(). Ofrece dos estrategias de serialización: fromJson/toJson manual para modelos simples, y generación de código con json_serializable para estructuras anidadas complejas. Incluye análisis en segundo plano con compute() para evitar bloqueos en la interfaz al procesar cargas grandes de JSON...
official
flutter-home-screen-widget
flutter
Widgets nativos de la pantalla de inicio para aplicaciones Flutter en iOS y Android con intercambio de datos multiplataforma. Establece el intercambio de datos entre Dart y las plataformas nativas mediante App Groups (iOS) y SharedPreferences (Android), permitiendo actualizaciones de widgets desde tu aplicación Flutter. Admite widgets simples basados en texto y UI compleja de Flutter renderizada como imágenes estáticas para visualización nativa. Requiere configuración nativa en Xcode (destino de extensión de widget con TimelineProvider de Swift) y Android Studio (AppWidgetProvider con XML...
official
flutter-http-and-json
flutter
Redes HTTP seguras y manejo de JSON para aplicaciones Flutter con soporte de análisis en segundo plano. Implementa operaciones CRUD (GET, POST, PUT, DELETE) utilizando el paquete http con construcción segura de URL mediante Uri.https() y validación estricta de códigos de estado. Proporciona serialización y deserialización JSON fuertemente tipadas usando coincidencia de patrones de Dart 3 con constructores factory y métodos toJson(). Descarga el análisis de JSON grandes a aisladores en segundo plano mediante compute() para evitar bloqueos de la interfaz en cargas útiles que superen los 16 ms...
official
flutter-implement-json-serialization
flutter
Create model classes with `fromJson` and `toJson` methods using `dart:convert`. Use when manually mapping JSON keys to class properties for simple data…
official
flutter-implementing-navigation-and-routing
flutter
Patrones de enrutamiento imperativo y declarativo para transiciones de pantalla y enlaces profundos en Flutter. Cubre tanto el enfoque Navigator (imperativo, basado en pila) como Router (declarativo, sincronizado con URL) con orientación sobre cuándo usar cada uno. Admite enlaces profundos en iOS, Android y Web; incluye paso de datos mediante constructores, argumentos de ruta y valores de retorno. Implementa navegación anidada para flujos de varios pasos (por ejemplo, asistentes de configuración) con subnavegadores independientes e intercepción del botón de retroceso. Proporciona...
official
flutter-improving-accessibility
flutter
Configura aplicaciones Flutter para tecnologías de asistencia, incluidos lectores de pantalla y navegación por teclado. Abarca fundamentos de diseño de interfaz: escalado de fuentes, contraste de color (4.5:1 para texto normal, 3:1 para texto grande) y objetivos táctiles mínimos de 48x48 píxeles. Proporciona patrones de anotación semántica mediante los widgets Semantics, MergeSemantics y ExcludeSemantics para exponer la estructura del árbol de widgets a herramientas de asistencia. Incluye orientación específica para la web sobre la activación de la capa semántica (deshabilitada por defecto por rendimiento) y...
official
flutter-interoperating-with-native-apis
flutter
Accede a APIs nativas específicas del dispositivo en Android, iOS y web desde código Flutter. Soporta tres enfoques de integración: FFI para enlace directo con C/C++, Platform Channels (con Pigeon para seguridad de tipos) para llamar a Kotlin/Swift/Objective-C, y Platform Views para incrustar componentes de UI nativos. FFI usa dart:ffi con compilación automática mediante hooks build.dart; requiere símbolos extern "C" y package:ffigen para la generación de enlaces Dart. Platform Channels proporcionan mensajería asíncrona entre...
official
flutter-layout
flutter
Construye diseños responsivos en Flutter componiendo widgets, gestionando restricciones y adaptándose a tamaños de pantalla. Proporciona un árbol de decisión para seleccionar el widget de diseño base adecuado (Row, Column, Stack, ListView, GridView, CustomScrollView) según la dimensionalidad del contenido, superposición, desplazamiento y necesidades de capacidad de respuesta. Aplica el sistema central de restricciones de Flutter: las restricciones fluyen hacia abajo, los tamaños fluyen hacia arriba, los padres establecen la posición; incluye patrones de ConstrainedBox para forzar dimensiones específicas. Implementa...
official
flutter-localization
flutter
Configura aplicaciones Flutter para admitir múltiples idiomas y configuraciones regionales con una configuración i18n adecuada. Gestiona la inyección de dependencias (flutter_localizations, intl), la configuración de generación de código (l10n.yaml) y la creación de archivos de traducción .arb con soporte para marcadores de posición, plurales y variantes regionales. Configura los delegados del widget raíz (MaterialApp, CupertinoApp o WidgetsApp) y maneja widgets aislados como TextField y CupertinoTabBar que requieren un envoltorio explícito de Localizations. Soporta...
official
flutter-localizing-apps
flutter
Soporte multilingüe para aplicaciones Flutter utilizando archivos ARB y generación de código. Configure pubspec.yaml con flutter_localizations e intl, luego defina un archivo l10n.yaml para habilitar el generador de código gen-l10n. Almacene cadenas localizadas en archivos JSON de Application Resource Bundle (.arb); el archivo de plantilla define todas las claves, y los archivos específicos de cada idioma proporcionan traducciones. Integre las localizaciones en MaterialApp o CupertinoApp agregando AppLocalizations.delegate y delegados específicos de plataforma a...
official
flutter-managing-state
flutter
Gestiona el estado efímero y a nivel de aplicación en Flutter usando StatefulWidget, MVVM y Provider. Distingue entre estado efímero (widget único, gestionado con setState()) y estado de aplicación (compartido entre widgets, gestionado con MVVM y el paquete provider). Implementa flujo de datos unidireccional con una única fuente de verdad: los Models manejan datos, los ViewModels gestionan el estado de la UI mediante ChangeNotifier, y las Views consumen y muestran el estado. Proporciona un flujo de trabajo secuencial para la implementación de MVVM: definir Repository, crear...
official
flutter-native-interop
flutter
Interoperabilidad nativa multiplataforma para aplicaciones Flutter en Android, iOS y Web. Proporciona lógica de decisión para seleccionar la estrategia de integración óptima: FFI para código C/C++, Platform Channels para APIs específicas del sistema operativo, Platform Views para componentes de interfaz nativos y JS Interop para web. Implementa arquitectura FFI moderna utilizando hooks de compilación (Flutter 3.38+) con compilación de toolchain nativa y enlaces Dart. Soporta Platform Channels asíncronos (MethodChannel) con Kotlin y Swift completos...
official
flutter-performance
flutter
Identifica y elimina cuellos de botella de rendimiento en aplicaciones Flutter mediante perfiles sistemáticos y optimización dirigida. Proporciona un árbol de decisiones para diagnosticar tirones en el hilo de UI, el hilo Raster (GPU) o ambos, con correcciones específicas para cada caso. Incluye plantillas de pruebas de integración usando traceAction y TimelineSummary para establecer líneas base de rendimiento y medir presupuestos de fotogramas. Cubre optimización de UI (localización de estado, constructores const, uso de StringBuffer) y optimización de Raster (reemplazo de Opacity...
official
flutter-platform-views
flutter
Incrusta vistas nativas y contenido web en aplicaciones Flutter en plataformas Android, iOS, macOS y web. Soporta Composición Híbrida de Android (fidelidad nativa) y Capa de Textura (rendimiento de Flutter), Composición Híbrida de iOS/macOS, y modos de vista múltiple de página completa o incrustada en web. Proporciona plantillas completas de código Dart y nativo (Kotlin para Android, Swift para iOS/macOS, JavaScript para web) con patrones de registro de fábrica. Requiere un árbol de decisión previo para determinar la plataforma objetivo y la incrustación...
official
flutter-plugins
flutter
Genera andamios para plugins de Flutter con interoperabilidad nativa, canales de método, integración FFI y arquitecturas federadas. Crea plugins estándar, plugins FFI o arquitecturas federadas de múltiples paquetes según los requisitos de código nativo y la estructura del equipo. Configura interfaces de ciclo de vida de incrustación v2 de Android, entornos nativos específicos de plataforma (Kotlin/Java, Swift/Objective-C) y registro de canales de método. Implementa plugins federados separados por paquete con interfaces orientadas a la aplicación y específicas de plataforma...
official
flutter-pr-checks-finder
flutter
Encuentra verificaciones fallidas en un PR de Flutter y localiza las URLs de registro de LUCI correspondientes.
official
flutter-reducing-app-size
flutter
Mide y optimiza el tamaño del paquete de la aplicación Flutter en múltiples plataformas con herramientas de análisis y estrategias de reducción. Genera archivos JSON detallados de análisis de tamaño mediante la bandera --analyze-size para identificar paquetes grandes, bibliotecas y activos que contribuyen al aumento de tamaño. Visualiza y compara compilaciones usando la herramienta de tamaño de aplicaciones de DevTools con inspección de mapa de árbol y funcionalidad de diferencias para rastrear el progreso de optimización. Compatible con plataformas Android (APK/AAB), iOS y de escritorio con flujos de trabajo específicos de cada plataforma, incluyendo la aplicación iOS...
official
flutter-routing-and-navigation
flutter
Navegar entre pantallas, manejar enlaces profundos y gestionar el paso de datos en aplicaciones Flutter. Evalúa los requisitos de la aplicación para seleccionar la estrategia de enrutamiento óptima: Navigator imperativo para flujos simples, Router / go_router declarativo para enlaces profundos y soporte web, o Navigator anidado para subflujos independientes. Admite el paso de datos entre rutas mediante argumentos del constructor (preferido) o RouteSettings con extracción de argumentos de tipo seguro. Implementa rutas nombradas con MaterialApp.routes o...
official
flutter-setting-up-on-linux
flutter
Automatiza la configuración del entorno Linux para el desarrollo de escritorio con Flutter, incluyendo flujos de trabajo de instalación y validación de dependencias. Cubre tres flujos de trabajo principales: instalación de dependencias del sistema (herramientas de compilación, bibliotecas GTK, cadena de herramientas C/C++), validación del entorno con flutter doctor y preparación de paquetes Snap para distribución. Proporciona comandos listos para ejecutar en sistemas Debian/Ubuntu e incluye configuración condicional para contenedores Linux de ChromeOS. Incluye una plantilla base de snapcraft.yaml para...
official
flutter-setting-up-on-macos
flutter
Configuración automatizada del entorno macOS para desarrollo Flutter con configuración de Xcode y CocoaPods. Guía la instalación y vinculación de las herramientas de línea de comandos de Xcode, la aceptación de licencias de desarrollador y la gestión de dependencias de CocoaPods. Incluye un flujo de trabajo de validación utilizando flutter doctor y flutter devices para confirmar la configuración adecuada del entorno y el reconocimiento del escritorio macOS. Proporciona pasos de solución de problemas para problemas comunes, incluyendo herramientas de línea de comandos faltantes, problemas de ruta de CocoaPods y soporte de escritorio...
official
flutter-setting-up-on-windows
flutter
Configuración automatizada del entorno Windows para desarrollo Flutter con SDK, herramientas y configuración de plataforma. Guía la instalación del SDK, configuración de PATH y validación de dependencias mediante flutter doctor. Cubre la configuración de la carga de trabajo de Visual Studio C++ para compilación en escritorio Windows y configuración de emulador/dispositivo Android. Incluye flujos de trabajo para compilar binarios de lanzamiento, empaquetar archivos distribuibles con las DLL requeridas y generar certificados autofirmados para implementación MSIX. Proporciona instrucciones paso a paso...
official
flutter-setup-declarative-routing
flutter
Configure `MaterialApp.router` using a package like `go_router` for advanced URL-based navigation. Use when developing web applications or mobile apps that…
official
flutter-setup-localization
flutter
Add `flutter_localizations` and `intl` dependencies, enable "generate true" in `pubspec.yaml`, and create an `l10n.yaml` configuration file. Use when…
official
flutter-state-management
flutter
Implementa los patrones MVVM y Flujo de Datos Unidireccional para la gestión de estado en Flutter. Proporciona lógica de decisión para diferenciar entre estado efímero (estado local de la UI mediante setState) y estado de la aplicación (estado compartido mediante MVVM y el paquete provider). Aplica una estricta separación de responsabilidades: capa de datos (Repositorio como Fuente Única de Verdad), capa de lógica (ViewModel que extiende ChangeNotifier) y capa de UI (funciones puras de estado inmutable). Incluye ejemplos de código completos para implementar el patrón MVVM...
official
flutter-testing
flutter
Genera pruebas unitarias, de widgets, de integración y de plugins para aplicaciones Flutter con conciencia arquitectónica. Analiza el código objetivo para determinar el tipo de prueba adecuado (unitaria para lógica, de widgets para UI, de integración para extremo a extremo, de plugins para código nativo). Proporciona un árbol de decisiones y patrones de implementación paso a paso para cada categoría de prueba, incluyendo configuración de fakes/mocks y estrategias de aserción. Incluye plantillas de código listas para usar para ViewModels, Repositorios, widgets y flujos completos de aplicación con la...
official
flutter-testing-apps
flutter
Marco de pruebas integral para aplicaciones Flutter en las capas de pruebas unitarias, de widgets y de integración. Cubre tres categorías de pruebas: pruebas unitarias para lógica aislada, pruebas de widgets para componentes de interfaz de usuario y pruebas de integración para flujos de extremo a extremo en dispositivos reales o emuladores. Proporciona patrones de prueba arquitectónicos para ViewModels, Repositories, Services y Views, con énfasis en implementaciones Fake en lugar de mocks para un diseño de pruebas más limpio. Incluye pautas de pruebas de complementos que combinan pruebas Dart con nativas...
official
flutter-theming
flutter
Migra aplicaciones Flutter de Material 2 a Material 3 con actualizaciones automatizadas de componentes y temas. Identifica y reemplaza componentes obsoletos de Material 2 (FlatButton, RaisedButton, BottomNavigationBar, Drawer) por sus equivalentes de Material 3 mediante un árbol de decisión. Convierte propiedades de tema heredadas a ColorScheme de Material 3 y elimina referencias obsoletas a colores de acento (accentColor, accentColorBrightness, etc.). Normaliza todos los temas de componentes para usar clases *ThemeData y garantiza useMaterial3:...
official
flutter-theming-apps
flutter
Patrones de estilo global y diseño adaptativo para aplicaciones Flutter utilizando la temática de Material 3. Abarca esquemas de color de Material 3, tipografía, elevación y reemplazos de componentes modernos (NavigationBar, FilledButton, SegmentedButton). Incluye normalización de temas de componentes mediante clases *ThemeData y guía de obsolescencia para propiedades heredadas como accentColor y AppBarTheme.color. Proporciona patrones adaptativos específicos de plataforma: visibilidad de la barra de desplazamiento, texto seleccionable, orden de botones (Windows vs...
official
flutter-use-http-package
flutter
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.
official
flutter-working-with-databases
flutter
Arquitectura de capa de datos SQLite y offline-first para aplicaciones Flutter con persistencia local estructurada. Separa la capa de datos en Servicios sin estado (envoltorios de datos sin procesar) y Repositorios de lógica de negocio (fuente única de verdad por entidad de dominio). Implementa sincronización offline-first: las lecturas devuelven datos locales en caché de inmediato y luego obtienen actualizaciones remotas; las escrituras se guardan localmente primero, luego intentan sincronización API con cola de respaldo en segundo plano. Cubre configuración de SQLite con consultas parametrizadas seguras, Dominio...
official
genui-helper
flutter
Esta habilidad proporciona flujos de trabajo y mejores prácticas específicas del repositorio genui.
official
grill-me
flutter
Entrevista al usuario de manera insistente sobre un plan o diseño hasta alcanzar un entendimiento compartido, resolviendo cada rama del árbol de decisiones. Úsalo cuando el usuario quiera…
official
integrate-genui-firebase
flutter
Usa esta habilidad cuando el usuario solicite integrar el paquete genui y establecer una conversación simple con Firebase AI Logic.
official
proofread-markdown
flutter
Revisa archivos Markdown según las pautas de Google.
official
rebuilding-flutter-tool
flutter
Reconstruye la herramienta y CLI de Flutter. Úsalo cuando un usuario solicite compilar, actualizar, regenerar o reconstruir la herramienta o CLI de Flutter.
official
stage-site
flutter
Antes de confirmar cambios o revisar un PR localmente, es importante preparar el sitio y asegurarse de que todo funcione correctamente. Sigue estos pasos para preparar el sitio:
official
test-driven-development
flutter
Úsalo al implementar cualquier funcionalidad o corrección de errores, antes de escribir el código de implementación.
official
update-llms-text
flutter
Actualizar y mantener el archivo llms.txt. Úselo cuando el usuario quiera agregar secciones, agregar enlaces, corregir información o revisar el archivo llms.txt.
official
upgrade-browser
flutter
Actualizar versiones del navegador (Chrome o Firefox) en las pruebas del Flutter Web Engine y/o Framework. Úselo cuando se le solicite actualizar Chrome o Firefox a una versión más reciente…
official
validate-pr
flutter
Asegúrate de que los fragmentos de código modificados se ejecuten correctamente y se sincronicen con los archivos Markdown.
official