Skills de Flutter

skills/skills/dart-matcher-best-practices

Para encontrar candidatos para mejorar el uso de matchers, busca patrones subóptimos:

agent-plugins/skills/dart-migrate-to-checks-package

Replace the usage of `expect` and similar functions from `package:matcher` to `package:checks` equivalents.

skills/skills/dart-modern-features

Para encontrar candidatos para la modernización:

skills/skills/dart-package-maintenance

Directrices para mantener paquetes Dart en consonancia con las mejores prácticas del equipo Dart.

agent-plugins/skills/dart-resolve-package-conflicts

Workflow for fixing package version conflicts. Use this when `pub get` fails due to incompatible package versions.

agent-plugins/skills/dart-run-static-analysis

Execute `dart analyze` to identify warnings and errors, and use `dart fix --apply` to automatically resolve mechanical lint issues. Use during development to…

agent-plugins/skills/dart-setup-ffi-assets

Guía a los agentes en la compilación y empaquetado de código fuente C/C++ en bibliotecas dinámicas o estáticas (Code Assets) utilizando el sistema de hooks Native Assets de Dart (vía…

skills/tool/dart_skills_lint/.agents/skills/dart-skills-lint-integration

Cómo integrar, actualizar y configurar la herramienta de validación dart_skills_lint dentro de un repositorio. Asegúrate de usar esta habilidad cada vez que el usuario solicite actualizar…

skills/tool/dart_skills_lint/skills/dart-skills-lint-setup

Usa esta habilidad cuando necesites configurar la validación para habilidades de agente de IA en un proyecto Dart por primera vez. Agrega el linter como dev_dependency, crea un…

skills/tool/dart_skills_lint/skills/dart-skills-lint-validation

Usa la CLI de dart_skills_lint para validar habilidades. Elige el flujo de trabajo adecuado según tu entorno:

skills/skills/dart-test-coverage

Pautas para ejecutar e interpretar la cobertura de pruebas en paquetes Dart.

skills/skills/dart-test-fundamentals

Para encontrar candidatos para mejorar la estructura de pruebas:

agent-plugins/skills/dart-use-ffigen

Guide agents to use `package:ffigen` to automatically generate FFI bindings instead of writing them manually. Use this skill when a task involves writing new…

agent-plugins/skills/dart-use-pattern-matching

Utilice expresiones switch y coincidencia de patrones cuando sea apropiado

agent-plugins/skills/dart-use-primary-constructors

Ayuda a los usuarios a escribir constructores primarios sintáctica y semánticamente correctos en Dart, y a migrar/utilizar la nueva sintaxis de constructor, la sintaxis de punto y coma de cuerpo vacío,…

skills/tool/dart_skills_lint/.agents/skills/definition-of-done

Verificaciones obligatorias que deben ejecutarse antes de completar cualquier tarea que involucre archivos md o código dart en este repositorio.

flutter/.agents/skills/engine-whats-new

Genera el resumen de novedades de la versión y el archivo diff para los cambios en el motor de Flutter (//engine/src/flutter) entre dos versiones (p. ej., 3.47 frente a…

flutter/.agents/skills/find-release

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…

skills/skills/flutter-accessibility

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

skills/skills/flutter-accessibility-audit

Activa un escaneo de accesibilidad a través del widget_inspector y agrega automáticamente widgets Semantics o etiquetas faltantes al código fuente.

skills/skills/flutter-add-integration-test

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

skills/skills/flutter-add-widget-preview

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…

skills/skills/flutter-add-widget-test

Implement

skills/skills/flutter-adding-home-screen-widgets

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

skills/skills/flutter-animating-apps

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

skills/skills/flutter-animation

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

skills/skills/flutter-app-size

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

skills/skills/flutter-apply-architecture-best-practices

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.

skills/skills/flutter-architecting-apps

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

skills/skills/flutter-architecture

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