flutter_skill

Overview

This skill provides practical, hands-on guidance for Flutter development across app architecture, widgets, state management, navigation, and platform integration. It helps developers design UI, manage state, implement navigation flows, and connect native platform features. Use it to accelerate building reliable cross-platform mobile apps with Flutter best practices.

How this skill works

The skill inspects developer goals and the Flutter problem domain, then recommends patterns, code snippets, and configuration steps tailored to the task. It explains when to use specific widgets, state management solutions (setState, Provider, Riverpod, BLoC), and navigation approaches (Navigator 2.0, go_router). It also outlines platform channel usage, testing strategies, and performance optimizations.

When to use it

• Starting a new Flutter app or choosing an app architecture
• Designing responsive UI with custom widgets and layouts
• Selecting and implementing state management
• Implementing navigation and deep linking
• Integrating native device features via platform channels
• Improving performance, testing, or release configuration

Best practices

• Prefer composition of small, reusable widgets over large monolithic widgets
• Choose state management that fits app complexity; start simple and migrate as needed
• Use const constructors and widget immutability to reduce rebuilds
• Profile and optimize using Flutter DevTools before changing architecture
• Write unit and widget tests early; cover business logic separately from UI

Example use cases

• Create a responsive onboarding flow with page transitions and state persistence
• Migrate a screen from setState to Riverpod for better testability
• Implement bottom navigation with nested navigation stacks using Navigator 2.0
• Call native camera and file APIs from Dart using MethodChannel
• Reduce jank by identifying widget rebuild hotspots and optimizing build methods