Flutter BLoC Development
Håndhæver BLoC-lagdeling, Equatable-tilstande og designsystemkonstanter i Flutter
Virker med opsætning
Hvad det gør
En regler-og-mønstre skill til Flutter, der håndhæver feature-først mapper, en tre-fils BLoC per feature, repository-over-datasource separation, Equatable på hver event og state, og designsystemkonstanter i stedet for hardkodede farver, afstand og typografi. Udløses ved opbygning af Flutter-skærme, widgets eller dataintegrationer. Leverer SKILL.md plus et fuldt earnings-feature eksempel; ingen scripts.
Testrapport
Byggede den samme wallet-balance-funktion to gange i reelle Dart-projekter med bloc og equatable installeret og kørte begge. Begge bestod dart analyze clean og begge udsendte Loading før terminaltilstanden, men frihåndsversionen rapporterede to identiske succes-tilstande som ikke-ens, mens skill'ens Equatable-tilstande sammenlignede ens – forskellen, der afgør, om en BlocBuilder genopbygger på uændrede data. Haken er det designsystem, den kalder ikke-forhandlingsbart: AppColors, AppSpacing, AppRadius, AppTypography og GradientScaffold refereres 64 gange på tværs af SKILL.md og eksemplerne og er defineret præcis ingen steder i repoet, og dart analyze returnerer fire undefined_identifier fejl ved den påbudte brug. På et projekt, der ikke allerede har forfattet disse konstanter, producerer UI-halvdelen af denne skill kode, der ikke vil kompilere, hvilket er det manuelle trin, der skal udføres først.
Testet: 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/
Kommandoer og eksempelprompter
/flutter-bloc-developmentHåndhæver BLoC-lagdeling, Equatable-tilstande og designsystemkonstanter i Flutter
Skills udløses af almindelige forespørgsler — ingen kommandoer at huske. Efter installationen aktiverer prompter som disse skillen (på engelsk):
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