Flutter BLoC Development
Impone la estratificación BLoC, estados Equatable y constantes de sistema de diseño en Flutter
Funciona con configuración
Qué hace
Una habilidad de reglas y patrones para Flutter que impone carpetas feature-first, un BLoC de tres archivos por característica, separación de repositorio sobre datasource, Equatable en cada evento y estado, y constantes de sistema de diseño en lugar de colores, espaciado y tipografía codificados. Se activa al construir pantallas, widgets o integraciones de datos de Flutter. Incluye SKILL.md más un ejemplo completo de característica de ganancias; sin scripts.
Informe de la prueba
Construí la misma característica de saldo de billetera dos veces en proyectos Dart reales con bloc y equatable instalados, y ejecuté ambos. Ambos pasaron dart analyze clean y ambos emitieron Loading antes del estado terminal, pero la versión a mano alzada informó dos estados de éxito idénticos como no iguales, mientras que los estados Equatable de la habilidad se compararon como iguales — la diferencia que decide si un BlocBuilder se reconstruye con datos sin cambios. La trampa es el sistema de diseño que llama no negociable: AppColors, AppSpacing, AppRadius, AppTypography y GradientScaffold se referencian 64 veces en SKILL.md y los ejemplos y no se definen en ningún lugar del repositorio, y dart analyze devuelve cuatro errores undefined_identifier en el uso obligatorio. En un proyecto que aún no ha creado esas constantes, la mitad de la UI de esta habilidad produce código que no compilará, lo cual es el paso manual a realizar primero.
Probado el: 2026-07-29 · Claude Code 2.x (agent harness)
Instalación
git clone https://github.com/AbdelhakRazi/flutter-bloc-clean-architecture-skill.git mkdir -p ~/.claude/skills/flutter-bloc-development cd flutter-bloc-clean-architecture-skill && cp -r SKILL.md README.md examples ~/.claude/skills/flutter-bloc-development/
Comandos y prompts de ejemplo
/flutter-bloc-developmentImpone la estratificación BLoC, estados Equatable y constantes de sistema de diseño en Flutter
Los skills se activan con peticiones en lenguaje natural, sin comandos que memorizar. Tras instalarlo, prompts como estos lo activan (en inglés):
Add a wallet balance screen to my Flutter app using BLoCRefactor this Flutter widget so business logic isn't in the build methodWire up the API call for the trips list using clean architecture and BLoC