Skills de 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

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...

skills/skills/flutter-building-layouts

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,...

skills/skills/flutter-building-plugins

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...

skills/skills/flutter-caching

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...

skills/skills/flutter-caching-data

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...

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

Cómo realizar un cherry-pick formal de un PR fusionado para el canal estable o beta del repositorio flutter/flutter. Usar solo para solicitudes de extracción fusionadas en flutter/flutter. Solo…

skills/skills/flutter-concurrency

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:...

skills/skills/flutter-databases

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...

skills/skills/flutter-embedding-native-views

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...

skills/skills/flutter-environment-setup-linux

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...

skills/skills/flutter-environment-setup-macos

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...

skills/skills/flutter-environment-setup-windows

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...

skills/skills/flutter-fix-layout-issues

Corrige errores de diseño en Flutter (desbordamientos, restricciones ilimitadas) usando herramientas Dart y Flutter MCP. Úsalo al abordar "RenderFlex overflowed", "Vertical…

skills/skills/flutter-form

Construir un formulario con validación

skills/skills/flutter-handling-concurrency

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...

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

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...

skills/skills/flutter-home-screen-widget

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...

skills/skills/flutter-http-and-json

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...

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

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...

skills/skills/flutter-improving-accessibility

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...

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

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...

skills/skills/flutter-layout

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...

skills/skills/flutter-localization

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...

skills/skills/flutter-localizing-apps

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...

skills/skills/flutter-managing-state

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...

skills/skills/flutter-native-interop

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...

skills/skills/flutter-performance

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...

skills/skills/flutter-platform-views

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...