Flutter BLoC Development

Håndhever BLoC-lagdeling, Equatable-tilstander og designsystemkonstanter i Flutter

av AbdelhakRazi · AbdelhakRazi/flutter-bloc-clean-architecture-skill

Krever oppsett ★ 7.2/10

Flutter BLoC Development — Håndhever BLoC-lagdeling, Equatable-tilstander og designsystemkonstanter i Flutter

Hva den gjør

En regler-og-mønstre-ferdighet for Flutter som håndhever funksjon-først-mapper, en tre-fils BLoC per funksjon, repository-over-datasource-separasjon, Equatable på hver hendelse og tilstand, og designsystemkonstanter i stedet for hardkodede farger, avstand og typografi. Utløses når du bygger Flutter-skjermer, widgets eller dataintegrasjoner. Leveres med SKILL.md pluss et komplett eksempel på en inntektsfunksjon; ingen skript.

Testrapport

Bygde den samme lommebokbalanse-funksjonen to ganger i ekte Dart-prosjekter med bloc og equatable installert, og kjørte begge. Begge bestod dart analyze clean og begge sendte ut Loading før terminaltilstanden, men frihåndsversjonen rapporterte to identiske suksess-tilstander som ikke like, mens ferdighetens Equatable-tilstander sammenlignet som like – forskjellen som avgjør om en BlocBuilder gjenoppbygger på uendrede data. Haken er designsystemet den kaller ikke-forhandlingsbart: AppColors, AppSpacing, AppRadius, AppTypography og GradientScaffold er referert 64 ganger på tvers av SKILL.md og eksemplene og definert nøyaktig ingen steder i repoet, og dart analyze returnerer fire undefined_identifier-feil på den pålagte bruken. På et prosjekt som ikke allerede har forfattet disse konstantene, produserer UI-halvdelen av denne ferdigheten kode som ikke vil kompilere, noe som er det manuelle trinnet å gjøre først.

Testet på: 2026-07-29 · Claude Code 2.x (agent harness)

Installer

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åndhever BLoC-lagdeling, Equatable-tilstander og designsystemkonstanter i Flutter

Skills utløses av vanlige forespørsler — ingen kommandoer å huske. Etter installasjonen aktiverer prompter som disse skillen (på engelsk):

  • Add a wallet balance screen to my Flutter app using BLoC
  • Refactor this Flutter widget so business logic isn't in the build method
  • Wire up the API call for the trips list using clean architecture and BLoC