Flutter BLoC Development

Impone la stratificazione BLoC, stati Equatable e costanti di design system in Flutter

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

Richiede configurazione ★ 7.2/10

Flutter BLoC Development — Impone la stratificazione BLoC, stati Equatable e costanti di design system in Flutter

Cosa fa

Una skill di regole e pattern per Flutter che impone cartelle feature-first, un BLoC a tre file per feature, separazione repository-over-datasource, Equatable su ogni evento e stato, e costanti di design system invece di colori, spaziatura e tipografia hardcoded. Si attiva quando si costruiscono schermate Flutter, widget o integrazioni dati. Fornisce SKILL.md più un esempio completo di feature di guadagno; nessun script.

Rapporto di test

Costruita la stessa funzionalità di saldo wallet due volte in progetti Dart reali con bloc ed equatable installati, ed eseguite entrambe. Entrambe hanno superato dart analyze pulito ed entrambe hanno emesso Loading prima dello stato terminale, ma la versione a mano libera ha riportato due stati di successo identici come non uguali mentre gli stati Equatable della skill si sono confrontati come uguali — la differenza che decide se un BlocBuilder ricostruisce su dati invariati. Il problema è il design system che chiama non negoziabile: AppColors, AppSpacing, AppRadius, AppTypography e GradientScaffold sono referenziati 64 volte tra SKILL.md e gli esempi e definiti esattamente da nessuna parte nel repo, e dart analyze restituisce quattro errori undefined_identifier sull'uso obbligatorio. Su un progetto che non ha già creato quelle costanti, la metà UI di questa skill produce codice che non compilerà, che è il passo manuale da fare per primo.

Testato il: 2026-07-29 · Claude Code 2.x (agent harness)

Installazione

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/

Comandi e prompt di esempio

  • /flutter-bloc-developmentImpone la stratificazione BLoC, stati Equatable e costanti di design system in Flutter

Gli skill si attivano con richieste in linguaggio naturale, senza comandi da ricordare. Dopo l'installazione, prompt come questi lo attivano (in inglese):

  • 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