Flutter Skills

skills/skills/dart-matcher-best-practices

Um Kandidaten zur Verbesserung der Matcher-Nutzung zu finden, suchen Sie nach suboptimalen Mustern:

agent-plugins/skills/dart-migrate-to-checks-package

Replace the usage of `expect` and similar functions from `package:matcher` to `package:checks` equivalents.

skills/skills/dart-modern-features

Um Kandidaten für die Modernisierung zu finden:

skills/skills/dart-package-maintenance

Richtlinien für die Wartung von Dart-Paketen gemäß den Best Practices des Dart-Teams.

agent-plugins/skills/dart-resolve-package-conflicts

Workflow for fixing package version conflicts. Use this when `pub get` fails due to incompatible package versions.

agent-plugins/skills/dart-run-static-analysis

Execute `dart analyze` to identify warnings and errors, and use `dart fix --apply` to automatically resolve mechanical lint issues. Use during development to…

agent-plugins/skills/dart-setup-ffi-assets

Leitet Agenten beim Kompilieren und Verpacken von C/C++-Quellcode in dynamische oder statische Bibliotheken (Code Assets) mithilfe von Darts Native-Assets-Hook-System (über…

skills/tool/dart_skills_lint/.agents/skills/dart-skills-lint-integration

Wie man das Validierungstool dart_skills_lint in ein Repository integriert, aktualisiert und konfiguriert. Stellen Sie sicher, dass Sie diese Fähigkeit verwenden, wenn der Benutzer darum bittet, zu aktualisieren…

skills/tool/dart_skills_lint/skills/dart-skills-lint-setup

Verwenden Sie diese Fähigkeit, wenn Sie zum ersten Mal eine Validierung für KI-Agenten-Fähigkeiten in einem Dart-Projekt einrichten müssen. Fügt den Linter als dev_dependency hinzu, erstellt eine…

skills/tool/dart_skills_lint/skills/dart-skills-lint-validation

Verwenden Sie die dart_skills_lint CLI, um Skills zu validieren. Wählen Sie den passenden Workflow basierend auf Ihrer Umgebung aus:

skills/skills/dart-test-coverage

Richtlinien zum Ausführen und Interpretieren der Testabdeckung in Dart-Paketen.

skills/skills/dart-test-fundamentals

Um Kandidaten zur Verbesserung der Teststruktur zu finden:

agent-plugins/skills/dart-use-ffigen

Guide agents to use `package:ffigen` to automatically generate FFI bindings instead of writing them manually. Use this skill when a task involves writing new…

agent-plugins/skills/dart-use-pattern-matching

Verwenden Sie Switch-Ausdrücke und Pattern Matching, wo angemessen

agent-plugins/skills/dart-use-primary-constructors

Helfen Sie Benutzern, syntaktisch und semantisch korrekte primäre Konstruktoren in Dart zu schreiben, und migrieren/verwenden Sie die neue Konstruktorsyntax, die Semikolon-Syntax mit leerem Körper, …

skills/tool/dart_skills_lint/.agents/skills/definition-of-done

Verpflichtende Überprüfungen, die vor dem Abschluss einer Aufgabe durchgeführt werden müssen, die md-Dateien oder Dart-Code in diesem Repository betrifft.

flutter/.agents/skills/engine-whats-new

Erstellt die „What's new“-Release-Zusammenfassung und Diff-Datei für Änderungen im Flutter-Engine (//engine/src/flutter) zwischen zwei Releases (z. B. 3.47 vs. …)

flutter/.agents/skills/find-release

Eine Fähigkeit, um die niedrigste Dart- und Flutter-Version zu finden, die einen bestimmten Commit enthält. Verwenden Sie diese Fähigkeit, wenn Benutzer fragen, wann ein Commit in Flutter oder Dart gelandet ist…

skills/skills/flutter-accessibility

Implementiert WCAG 2- und EN 301 549-Barrierefreiheitsstandards sowie adaptive Layouts in Flutter-Apps. Erzwingt semantische Annotationen, Mindestgrößen für Antippziele (48x48 dp) und Textkontrastverhältnisse (4,5:1 für kleinen Text, 3:1 für großen Text) auf mobilen, Web- und Desktop-Plattformen. Bietet Entscheidungslogik für die Initialisierung von Websemantik, das Umschließen interaktiver Widgets, bildschirmgrößenbasiertes Layout-Switching sowie Tastatur-/Mauseingabe-Handling. Enthält Fokus-Traversal-Management über FocusTraversalGroup und...

skills/skills/flutter-accessibility-audit

Löst einen Barrierefreiheitsscan über den widget_inspector aus und fügt automatisch Semantics-Widgets oder fehlende Labels zum Quellcode hinzu.

skills/skills/flutter-add-integration-test

Konfiguriert den Flutter Driver für App-Interaktionen und wandelt MCP-Aktionen in dauerhafte Integrationstests um. Verwenden Sie dies, wenn Sie Integrationstests zu einem Projekt hinzufügen,…

skills/skills/flutter-add-widget-preview

Fügt interaktive Widget-Vorschauen zum Projekt hinzu, die das previews.dart-System verwenden. Verwenden Sie dies beim Erstellen neuer UI-Komponenten oder beim Aktualisieren vorhandener Bildschirme, um sicherzustellen…

skills/skills/flutter-add-widget-test

Implement a component-level test using `WidgetTester` to verify UI rendering and user interactions (tapping, scrolling, entering text). Use when validating…

skills/skills/flutter-adding-home-screen-widgets

Füge Home-Screen-Widgets zu Flutter-Apps für Android und iOS mit nativer UI und synchronisierten Daten hinzu. Flutter kommuniziert mit nativen Widgets über gemeinsamen lokalen Speicher (UserDefaults auf iOS, SharedPreferences auf Android) mittels des home_widget-Pakets; Daten fließen von Flutter-Schreibvorgängen zu nativen Widget-Lesevorgängen bei OS-Auslösung. Die iOS-Implementierung verwendet Xcode, SwiftUI und Widget-Erweiterungsziele mit App-Gruppen-Funktion; Android verwendet Android Studio mit AppWidgetProvider, XML-Layouts und...

skills/skills/flutter-animating-apps

Visuelles Feedback, Übergänge und physikbasierte Bewegungen für Flutter-Apps mit dem Animation-Framework. Vier Animationsstrategien: implizite Animationen für einfache Eigenschaftsänderungen, explizite Animationen mit Wiedergabesteuerung, Hero-Übergänge für gemeinsame Elemente zwischen Routen und physikbasierte Animationen für gestengesteuerte natürliche Bewegung. Kernsystem für typisierte Animationen mit den Klassen AnimationController, Tween und Curve; Controller immer entsorgen, um Speicherlecks zu vermeiden. Gestaffelte Animationen...

skills/skills/flutter-animation

Wählen Sie die optimale Flutter-Animationstrategie für Ihre UI-Anforderung aus und implementieren Sie sie. Enthält einen Entscheidungsbaum zur Auswahl zwischen impliziten Animationen, expliziten Tweens, physikbasierter Bewegung, Hero-Übergängen, gestaffelten Sequenzen und Seitenübergängen. Bietet vollständige Codebeispiele für jeden Animationstyp, von einfachem AnimatedContainer bis hin zu komplexen gestaffelten Multi-Tween-Setups. Erzwingt striktes Speichermanagement mit obligatorischer AnimationController-Freigabe und Leistungsbest Practices unter Verwendung von...

skills/skills/flutter-app-size

Misst und optimiert die Größe von Flutter-App-Bundles, APKs oder IPAs mit plattformspezifischer Analyse und Reduktionsstrategien. Unterstützt Android (APK/AppBundle), iOS (IPA) und Desktop-Plattformen (Linux, macOS, Windows) mit plattformspezifischen Mess-Workflows. Erzeugt JSON-Dateien zur Codegrößenanalyse über flutter build --analyze-size und integriert sich mit dem Dart DevTools App Size Tool zur Visualisierung der Komponentenaufteilung. Implementiert Größenreduzierung durch Aufteilung von Debug-Informationen, Asset-Komprimierung und...

skills/skills/flutter-apply-architecture-best-practices

Architektur einer Flutter-Anwendung mit dem empfohlenen Schichtenansatz (UI, Logik, Daten). Verwenden Sie dies beim Strukturieren eines neuen Projekts oder beim Refactoring für Skalierbarkeit.

skills/skills/flutter-architecting-apps

Schichtenarchitektur-Framework für skalierbare Flutter-Apps mit strikter Trennung der Zuständigkeiten. Erzwingt eine Dreischichtstruktur (UI, Logik, Daten) mit unidirektionalem Datenfluss und einer einzigen Quelle der Wahrheit in der Datenschicht. Die UI-Schicht enthält schlanke Views und ViewModels, die Domänenmodelle in Präsentationszustand umwandeln; die Logikschicht (optional) übernimmt komplexe Geschäftsorchestrierung; die Datenschicht unterteilt sich strikt in zustandslose Services und caching Repositories. Bietet schrittweise Feature...

skills/skills/flutter-architecture

MVVM-Architektur für Flutter-Apps mit unidirektionalem Datenfluss und strikter Schichtentrennung. Implementiert eine Dreischichtenarchitektur: Datenschicht (Services und Repositories), Domänenschicht (UseCases für komplexe Logik) und UI-Schicht (ViewModels und Views). Verwendet Provider für Dependency Injection und ListenableBuilder für reaktive UI-Updates mit dem Command-Muster für Benutzerinteraktionen. Erzwingt unidirektionalen Datenfluss: Daten fließen von Repositories über ViewModels zu Views nach unten; Ereignisse fließen nach oben...