Agent skill · bighardperson
flutter-dev
Flutter cross-platform development guide covering widget patterns, Riverpod/Bloc state management, GoRouter navigation, performance optimization, and platform-specific implementations. Includes const optimization, responsive layouts, testing strategies, and DevTools profiling. Use when: building Flutter apps, implementing state management (Riverpod/Bloc), setting up GoRouter navigation, creating custom widgets, optimizing performance, writing widget tests, cross-platform development.
What it needs
About 3k tokens when loaded.
What this skill does
Flutter Development Guide A practical guide for building cross-platform applications with Flutter 3 and Dart. Focuses on proven patterns, state management, and performance optimization. Quick Reference Widget Patterns Purpose Component --------- ----------- State management (simple) StateProvider + ConsumerWidget State management (complex) NotifierProvider / Bloc Async data FutureProvider / AsyncNotifierProvider Real-time streams StreamProvider Navigation GoRouter + context.go/push Responsive layout LayoutBuilder + breakpoints List display ListView.builder Complex scrolling CustomScrollView + Slivers Hooks HookWidget + useState/useEffect Forms Form + TextFormField + validation Performance Patterns Purpose Solution --------- ---------- Prevent rebuilds const constructors Selective updates ref.watch(provider.select(...)) Isolate repaints RepaintBoundary Lazy lists ListView.builder Heavy computation compute() isolate Image caching cachednetworkimage Core Principles Widget Optimization Use const constructors wherever possible Extract static widgets to separate const classes Use Key for list items (ValueKey, ObjectKey) Prefer ConsumerWidget over StatefulWidget for state State Management Riverpod for dependency injection and simple state Bloc/Cubit for event-driven workflows and complex logic Never mutate state directly (create new instances) Use select() to minimize rebuilds Layout 8pt spacing increments (8, 16, 24, 32, 48) Responsive breakpoints: mobile (<650), tablet (650-1100), desktop (>1100) Support all screen sizes with flexible layouts Follow Material 3 / Cupertino design guidelines Performance Profile with DevTools before optimizing Target <16ms frame time for 60fps Use RepaintBoundary for complex animations Offload heavy work with compute() Checklist Widget Best Practices [ ] const constructors on all static widgets [ ] Proper Key on list items [ ] ConsumerWidget for state-dependent widgets [ ] No widget building inside build() method [ ] Extract reusable widget …
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills bighardperson/Flutter 开发