Tooluck logoTooluck
SKILL.md

flutter-dev

Agent skill fromMiniMax-AI/skills

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.

How to install flutter-dev

install flutter-dev
# install the skills pack with the skills CLI
npx skills add MiniMax-AI/skills

# or add only this skill to Claude Code: copy the folder

skills/flutter-dev/

# into

~/.claude/skills/flutter-dev/ (all projects)

.claude/skills/flutter-dev/ (one project)

skills/flutter-dev/SKILL.md

MITFull file
1# Flutter Development Guide
2
3A practical guide for building cross-platform applications with Flutter 3 and Dart. Focuses on proven patterns, state management, and performance optimization.
4
5## Quick Reference
6
7### Widget Patterns
8
9| Purpose | Component |
10|---------|-----------|
11| State management (simple) | `StateProvider` + `ConsumerWidget` |
12| State management (complex) | `NotifierProvider` / `Bloc` |
13| Async data | `FutureProvider` / `AsyncNotifierProvider` |
14| Real-time streams | `StreamProvider` |
15| Navigation | `GoRouter` + `context.go/push` |
16| Responsive layout | `LayoutBuilder` + breakpoints |
17| List display | `ListView.builder` |
18| Complex scrolling | `CustomScrollView` + Slivers |
19| Hooks | `HookWidget` + `useState/useEffect` |
20| Forms | `Form` + `TextFormField` + validation |
21
22### Performance Patterns
23
24| Purpose | Solution |
25|---------|----------|
26| Prevent rebuilds | `const` constructors |
27| Selective updates | `ref.watch(provider.select(...))` |
28| Isolate repaints | `RepaintBoundary` |
29| Lazy lists | `ListView.builder` |
30| Heavy computation | `compute()` isolate |
31| Image caching | `cached_network_image` |
32
33## Core Principles
34
35### Widget Optimization
36- Use `const` constructors wherever possible
37- Extract static widgets to separate const classes
38- Use `Key` for list items (ValueKey, ObjectKey)
39- Prefer `ConsumerWidget` over `StatefulWidget` for state
40
41### State Management
42- Riverpod for dependency injection and simple state
43…

Excerpt shown under the repository's MIT license.

More skills in skills

Keep exploring

Similar skill repositories

Newsletter

Join the Community

Subscribe to our newsletter for the latest news and updates