Flutter BLoC Development

Upprätthåller BLoC-lager, Equatable-tillstånd och designsystemkonstanter i Flutter

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

Fungerar med konfiguration ★ 7.2/10

Flutter BLoC Development — Upprätthåller BLoC-lager, Equatable-tillstånd och designsystemkonstanter i Flutter

Vad den gör

En färdighet för regler och mönster för Flutter som upprätthåller feature-first-mappar, en tre-fils BLoC per feature, repository-över-datasource-separation, Equatable på varje händelse och tillstånd, och designsystemkonstanter istället för hårdkodade färger, avstånd och typografi. Utlöses vid byggande av Flutter-skärmar, widgets eller dataintegrationer. Levererar SKILL.md plus ett komplett earnings-feature-exempel; inga skript.

Testrapport

Byggde samma plånboksbalans-funktion två gånger i verkliga Dart-projekt med bloc och equatable installerade, och körde båda. Båda passerade dart analyze clean och båda sände ut Loading före terminaltillståndet, men frihandsversionen rapporterade två identiska framgångstillstånd som inte lika medan färdighetens Equatable-tillstånd jämfördes som lika – skillnaden som avgör om en BlocBuilder bygger om på oförändrad data. Haken är designsystemet den kallar icke-förhandlingsbart: AppColors, AppSpacing, AppRadius, AppTypography och GradientScaffold refereras 64 gånger över SKILL.md och exemplen och definieras exakt ingenstans i repot, och dart analyze returnerar fyra undefined_identifier-fel vid den påbjudna användningen. I ett projekt som inte redan har författat dessa konstanter producerar UI-halvan av denna färdighet kod som inte kommer att kompilera, vilket är det manuella steget att göra först.

Testad: 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/

Kommandon och exempelprompter

  • /flutter-bloc-developmentUpprätthåller BLoC-lager, Equatable-tillstånd och designsystemkonstanter i Flutter

Skills triggas av vanliga förfrågningar — inga kommandon att memorera. Efter installationen aktiverar prompter som dessa skillen (på engelska):

  • 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