flutter-expert_skill

Overview

This skill is a senior Flutter expert for building high-performance, cross-platform apps with Flutter 3+ and Dart. It focuses on robust state management (Riverpod/Bloc), GoRouter navigation, reusable widget patterns, platform-specific integrations, and performance optimization. Use it to produce maintainable, testable code that follows Flutter best practices.

How this skill works

I inspect your app requirements and provide concrete code: widget implementations with const constructors, Riverpod providers or Bloc setups, GoRouter route configuration, and test scaffolding. I recommend project structure, profiling steps, and platform-specific adjustments, and I output ready-to-drop code snippets and small patches to fix performance or architectural issues.

When to use it

• Starting a new cross-platform Flutter app or re-architecting an existing one
• Implementing global state with Riverpod or feature state with Bloc
• Setting up navigation, deep linking, and nested routes with GoRouter
• Creating performant, reusable widgets and animations
• Diagnosing jank and optimizing app performance
• Adding platform-specific features (platform channels, permissions, native code)

Best practices

• Always prefer const constructors and immutable widget trees where possible
• Use Consumer/ConsumerWidget or Riverpod providers instead of StatefulWidget for shared state
• Provide proper keys for lists and long-lived widgets to avoid rebuild issues
• Profile with DevTools, isolate heavy work with compute() or isolates
• Write widget and integration tests; keep business logic testable outside UI

Example use cases

• Create a sign-in flow with Riverpod, form validation, and GoRouter guarded routes
• Refactor a large screen into const-optimized reusable widgets and providers
• Implement deep linking and nested navigation for a complex tabbed app
• Track and fix 60fps drops by identifying rebuild hotspots and optimizing builds
• Integrate a native SDK on iOS/Android via platform channels with fallback web behavior