Flutter BLoC Development
Erzwingt BLoC-Schichtung, Equatable-Zustände und Designsystem-Konstanten in Flutter
Funktioniert mit Setup
Was es kann
Ein Regeln-und-Muster-Skill für Flutter, der Feature-First-Ordner, ein Drei-Datei-BLoC pro Feature, Repository-über-Datasource-Trennung, Equatable bei jedem Event und State sowie Designsystem-Konstanten anstelle von fest codierten Farben, Abständen und Typografie erzwingt. Wird beim Erstellen von Flutter-Bildschirmen, Widgets oder Datenintegrationen ausgelöst. Liefert SKILL.md plus ein vollständiges Beispiel für eine Einnahmenfunktion; keine Skripte.
Testbericht
Dasselbe Wallet-Balance-Feature wurde zweimal in echten Dart-Projekten mit bloc und equatable installiert, und beide ausgeführt. Beide bestanden dart analyze clean und beide emittierten Loading vor dem Endzustand, aber die freihändige Version meldete zwei identische Erfolgszustände als ungleich, während die Equatable-Zustände des Skills als gleich verglichen wurden – der Unterschied, der entscheidet, ob ein BlocBuilder bei unveränderten Daten neu aufgebaut wird. Der Haken ist das Designsystem, das es als nicht verhandelbar bezeichnet: AppColors, AppSpacing, AppRadius, AppTypography und GradientScaffold werden 64 Mal in SKILL.md und den Beispielen referenziert und sind nirgendwo im Repo definiert, und dart analyze gibt vier undefined_identifier-Fehler bei der vorgeschriebenen Verwendung zurück. In einem Projekt, das diese Konstanten noch nicht erstellt hat, erzeugt die UI-Hälfte dieses Skills Code, der nicht kompiliert wird, was der erste manuelle Schritt ist.
Getestet am: 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/
Befehle & Beispiel-Prompts
/flutter-bloc-developmentErzwingt BLoC-Schichtung, Equatable-Zustände und Designsystem-Konstanten in Flutter
Skills reagieren auf normale Anfragen — keine Slash-Befehle nötig. Nach der Installation aktivieren Prompts wie diese den Skill (auf Englisch):
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