Flutter BLoC Development
Applique la stratification BLoC, les états Equatable et les constantes de système de design dans Flutter
Fonctionne avec configuration
Ce que fait
Une compétence de règles et de modèles pour Flutter qui impose des dossiers axés sur les fonctionnalités, un BLoC de trois fichiers par fonctionnalité, une séparation repository-over-datasource, Equatable sur chaque événement et état, et des constantes de système de design au lieu de couleurs, espacements et typographies codés en dur. Se déclenche lors de la construction d'écrans, de widgets ou d'intégrations de données Flutter. Fournit SKILL.md plus un exemple complet de fonctionnalité de revenus ; pas de scripts.
Rapport de test
Construit la même fonctionnalité de solde de portefeuille deux fois dans de vrais projets Dart avec bloc et equatable installés, et exécuté les deux. Les deux ont passé dart analyze clean et ont tous deux émis Loading avant l'état terminal, mais la version à main levée a rapporté deux états de succès identiques comme non égaux tandis que les états Equatable de la compétence se sont comparés comme égaux — la différence qui décide si un BlocBuilder se reconstruit sur des données inchangées. Le problème est le système de design qu'il qualifie de non négociable : AppColors, AppSpacing, AppRadius, AppTypography et GradientScaffold sont référencés 64 fois dans SKILL.md et les exemples et définis absolument nulle part dans le dépôt, et dart analyze renvoie quatre erreurs undefined_identifier sur l'utilisation obligatoire. Sur un projet qui n'a pas déjà créé ces constantes, la moitié UI de cette compétence produit du code qui ne compilera pas, ce qui est l'étape manuelle à faire en premier.
Testé le: 2026-07-29 · Claude Code 2.x (agent harness)
Installation
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/
Commandes et exemples de prompts
/flutter-bloc-developmentApplique la stratification BLoC, les états Equatable et les constantes de système de design dans Flutter
Les skills se déclenchent sur des demandes en langage courant — aucune commande à retenir. Après installation, des prompts comme ceux-ci l'activent (en anglais) :
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