1---
2name: flutter
3description: Flutter framework for building beautiful, fast user experiences for mobile, web, and desktop from a single codebase. Use when building Flutter apps, working with widgets, state management, navigation, animations, or Material Design components.
4metadata:
5 author: hairy
6 version: "2026.1.31"
7 source: Generated from https://github.com/flutter/flutter, scripts located at https://github.com/hairyf/skills
8---
9
10# Flutter
11
12> The skill is based on Flutter framework, generated at 2026-01-31.
13
14Flutter is Google's SDK for crafting beautiful, fast user experiences for mobile, web, and desktop from a single codebase. Flutter works with existing code, is used by developers and organizations around the world, and is free and open source.
15
16Flutter uses Dart as its programming language and follows a widget-based architecture where everything is a widget. The framework provides hot reload for fast development cycles, a rich set of Material Design and Cupertino widgets, and excellent performance through compiled code.
17
18## Core References
19
20| Topic | Description | Reference |
21|-------|-------------|-----------|
22| Widget System | StatelessWidget, StatefulWidget, Widget lifecycle, keys | [core-widgets](references/core-widgets.md) |
23| State Management | setState, StatefulWidget, ValueNotifier, ChangeNotifier | [core-state-management](references/core-state-management.md) |
24| Layout System | Row, Column, Stack, Flex, constraints, sizing | [core-layout](references/core-layout.md) |
25| BuildContext | Context usage, InheritedWidget, theme access | [core-build-context](references/core-build-context.md) |
26| InheritedWidget | Sharing data down widget tree, InheritedWidget patterns | [features-inherited-widget](references/features-inherited-widget.md) |
27
28## Widgets
29
30### Basic Widgets
31
32| Topic | Description | Reference |
33|-------|-------------|-----------|
34| Text & Styling | Text widget, TextStyle, RichText, TextSpan | [widgets-text](references/widgets-text.md) |
35| Images | Image widget, AssetImage, NetworkImage, ImageProvider | [widgets-images](references/widgets-images.md) |
36| Icons | Icon widget, IconData, IconTheme | [widgets-icons](references/widgets-icons.md) |
37| Buttons | ElevatedButton, TextButton, OutlinedButton, IconButton | [widgets-buttons](references/widgets-buttons.md) |
38| Input Fields | TextField, TextFormField, Form, FormField | [widgets-input](references/widgets-input.md) |
39| Async Widgets | FutureBuilder, StreamBuilder, async operations | [widgets-async](references/widgets-async.md) |
40| ValueListenableBuilder | Building widgets based on ValueListenable changes | [widgets-value-listenable](references/widgets-value-listenable.md) |
41| PageView | Swipeable pages, PageController, page navigation | [widgets-pageview](references/widgets-pageview.md) |
42| RefreshIndicator | Pull-to-refresh functionality | [widgets-refresh-indicator](references/widgets-refresh-indicator.md) |
43| Dismissible | Swipe-to-dismiss widgets | [widgets-dismissible](references/widgets-dismissible.md) |
44| TabBar & Tabs | Tab navigation, TabController, TabBarView | [widgets-tabs](references/widgets-tabs.md) |
45| Forms & Validation | Form validation, validators, form handling | [features-forms-validation](references/features-forms-validation.md) |
46
47### Layout Widgets
48
49| Topic | Description | Reference |
50|-------|-------------|-----------|
51| Flex Layouts | Row, Column, Flex, Flexible, Expanded | [layout-flex](references/layout-flex.md) |
52| Stack Layout | Stack, Positioned, alignment | [layout-stack](references/layout-stack.md) |
53| Container | Container, BoxDecoration, padding, margin | [layout-container](references/layout-container.md) |
54| List Views | ListView, ListTile, GridView, Sliver widgets | [layout-lists](references/layout-lists.md) |
55| Slivers | CustomScrollView, SliverList, SliverGrid, advanced scrolling | [features-slivers](references/features-slivers.md) |
56| Scroll Controller | Programmatic scroll control, scroll listeners | [features-scroll-controller](references/features-scroll-controller.md) |
57
58## Features
59
60### Navigation
61
62| Topic | Description | Reference |
63|-------|-------------|-----------|
64| Navigator | Navigator.push, Navigator.pop, routes | [features-navigation](references/features-navigation.md) |
65| Named Routes | Route configuration, onGenerateRoute | [features-named-routes](references/features-named-routes.md) |
66| Router | GoRouter, declarative routing | [features-router](references/features-router.md) |
67
68### Animations
69
70| Topic | Description | Reference |
71|-------|-------------|-----------|
72| Implicit Animations | AnimatedContainer, AnimatedOpacity, AnimatedSize | [features-implicit-animations](references/features-implicit-animations.md) |
73| Explicit Animations | AnimationController, Tween, AnimationBuilder | [features-explicit-animations](references/features-explicit-animations.md) |
74| Hero Animations | Hero widget, shared element transitions | [features-hero-animations](references/features-hero-animations.md) |
75
76### Material Design
77
78| Topic | Description | Reference |
79|-------|-------------|-----------|
80| Material App | MaterialApp, Theme, ThemeData | [features-material-app](references/features-material-app.md) |
81| Material Components | AppBar, Scaffold, Drawer, BottomNavigationBar | [features-material-components](references/features-material-components.md) |
82| Material 3 | Material 3 design system, color schemes | [features-material-3](references/features-material-3.md) |
83
84### Cupertino (iOS)
85
86| Topic | Description | Reference |
87|-------|-------------|-----------|
88| Cupertino Widgets | iOS-style widgets, CupertinoApp, CupertinoNavigationBar | [features-cupertino](references/features-cupertino.md) |
89
90### UI Components
91
92| Topic | Description | Reference |
93|-------|-------------|-----------|
94| Dialogs & Modals | AlertDialog, showDialog, showModalBottomSheet | [features-dialogs](references/features-dialogs.md) |
95| Focus Management | FocusNode, FocusScope, keyboard navigation | [features-focus](references/features-focus.md) |
96
97### Platform Integration
98
99| Topic | Description | Reference |
100|-------|-------------|-----------|
101| Platform Channels | MethodChannel, EventChannel, native communication | [features-platform-channels](references/features-platform-channels.md) |
102| Platform Views | AndroidView, UiKitView, embedding native views | [features-platform-views](references/features-platform-views.md) |
103| Assets & Resources | Asset management, pubspec.yaml, asset loading | [features-assets](references/features-assets.md) |
104| HTTP & Networking | HTTP requests, API calls, JSON parsing | [features-http](references/features-http.md) |
105| Responsive Design | MediaQuery, LayoutBuilder, screen adaptation | [features-responsive](references/features-responsive.md) |
106| Keys | ValueKey, ObjectKey, GlobalKey, when to use keys | [features-keys](references/features-keys.md) |
107| Widget Lifecycle | initState, dispose, lifecycle management | [features-lifecycle](references/features-lifecycle.md) |
108| Error Handling | Try-catch, error widgets, error boundaries | [features-error-handling](references/features-error-handling.md) |
109| PopScope | Handle back button and navigation pop events | [features-pop-scope](references/features-pop-scope.md) |
110
111## Advanced
112
113| Topic | Description | Reference |
114|-------|-------------|-----------|
115| Custom Paint | CustomPainter, Canvas, custom graphics | [advanced-custom-paint](references/advanced-custom-paint.md) |
116| Gestures | GestureDetector, GestureRecognizer, drag and drop | [advanced-gestures](references/advanced-gestures.md) |
117| Performance | Performance optimization, const constructors, keys | [advanced-performance](references/advanced-performance.md) |
118| Testing | Widget testing, integration testing, test utilities | [advanced-testing](references/advanced-testing.md) |
119
120## Best Practices
121
122| Topic | Description | Reference |
123|-------|-------------|-----------|
124| State Management | When to use setState, state lifting, patterns | [best-practices-state](references/best-practices-state.md) |
125| Performance | Optimization techniques, const usage, patterns | [best-practices-performance](references/best-practices-performance.md) |