Flutter BLoC Development
Dwingt BLoC-laagdeling, Equatable-states en design-system constanten af in Flutter
Werkt met setup
Wat het doet
Een regels-en-patronen skill voor Flutter die feature-first folders, een drie-bestanden BLoC per feature, repository-over-datasource scheiding, Equatable op elke event en state, en design-system constanten afdwingt in plaats van hardgecodeerde kleuren, spacing en typografie. Activeert bij het bouwen van Flutter schermen, widgets of data-integraties. Levert SKILL.md plus een volledig earnings-feature voorbeeld; geen scripts.
Testrapport
Dezelfde wallet-balance feature twee keer gebouwd in echte Dart-projecten met bloc en equatable geïnstalleerd, en beide uitgevoerd. Beide slaagden voor dart analyze clean en beide zonden Loading uit vóór de terminale state, maar de vrije-hand versie meldde twee identieke succes-states als niet gelijk, terwijl de Equatable-states van de skill gelijk waren — het verschil dat bepaalt of een BlocBuilder herbouwt op ongewijzigde data. Het probleem is het design system dat het niet-onderhandelbaar noemt: AppColors, AppSpacing, AppRadius, AppTypography en GradientScaffold worden 64 keer genoemd in SKILL.md en de voorbeelden en zijn nergens in de repo gedefinieerd, en dart analyze retourneert vier undefined_identifier-fouten bij het verplichte gebruik. Op een project dat die constanten nog niet heeft gecreëerd, produceert de UI-helft van deze skill code die niet zal compileren, wat de handmatige stap is die eerst moet worden gedaan.
Getest op: 2026-07-29 · Claude Code 2.x (agent harness)
Installatie
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/
Commando's en voorbeeldprompts
/flutter-bloc-developmentDwingt BLoC-laagdeling, Equatable-states en design-system constanten af in Flutter
Skills reageren op gewone verzoeken — geen commando's om te onthouden. Na installatie activeren prompts zoals deze de skill (in het Engels):
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