Stats
Actions
Tags
'%20stop-opacity%3D'0.16'%2F%3E%3Cstop%20offset%3D'1'%20stop-color%3D'rgb(200%2C90%2C60)'%20stop-opacity%3D'0.03'%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Crect%20width%3D'320'%20height%3D'200'%20fill%3D'url(%23g)'%2F%3E%3Ccircle%20cx%3D'250'%20cy%3D'56'%20r%3D'92'%20fill%3D'rgb(200%2C90%2C60)'%20fill-opacity%3D'0.06'%2F%3E%3Ccircle%20cx%3D'64'%20cy%3D'172'%20r%3D'58'%20fill%3D'rgb(200%2C90%2C60)'%20fill-opacity%3D'0.05'%2F%3E%3C%2Fsvg%3E)
From hairyf-skills-4
Provides Flutter framework knowledge including widgets, state management, layout, navigation, and Material Design components for building mobile, web, and desktop apps.
How this skill is triggered — by the user, by Claude, or both
Slash command
/hairyf-skills-4:flutterThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
> The skill is based on Flutter framework, generated at 2026-01-31.
GENERATION.mdreferences/advanced-custom-paint.mdreferences/advanced-gestures.mdreferences/advanced-performance.mdreferences/advanced-testing.mdreferences/best-practices-performance.mdreferences/best-practices-state.mdreferences/core-build-context.mdreferences/core-layout.mdreferences/core-state-management.mdreferences/core-widgets.mdreferences/features-assets.mdreferences/features-cupertino.mdreferences/features-dialogs.mdreferences/features-error-handling.mdreferences/features-explicit-animations.mdreferences/features-focus.mdreferences/features-forms-validation.mdreferences/features-hero-animations.mdreferences/features-http.mdThe skill is based on Flutter framework, generated at 2026-01-31.
Flutter 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.
Flutter 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.
| Topic | Description | Reference |
|---|---|---|
| Widget System | StatelessWidget, StatefulWidget, Widget lifecycle, keys | core-widgets |
| State Management | setState, StatefulWidget, ValueNotifier, ChangeNotifier | core-state-management |
| Layout System | Row, Column, Stack, Flex, constraints, sizing | core-layout |
| BuildContext | Context usage, InheritedWidget, theme access | core-build-context |
| InheritedWidget | Sharing data down widget tree, InheritedWidget patterns | features-inherited-widget |
| Topic | Description | Reference |
|---|---|---|
| Text & Styling | Text widget, TextStyle, RichText, TextSpan | widgets-text |
| Images | Image widget, AssetImage, NetworkImage, ImageProvider | widgets-images |
| Icons | Icon widget, IconData, IconTheme | widgets-icons |
| Buttons | ElevatedButton, TextButton, OutlinedButton, IconButton | widgets-buttons |
| Input Fields | TextField, TextFormField, Form, FormField | widgets-input |
| Async Widgets | FutureBuilder, StreamBuilder, async operations | widgets-async |
| ValueListenableBuilder | Building widgets based on ValueListenable changes | widgets-value-listenable |
| PageView | Swipeable pages, PageController, page navigation | widgets-pageview |
| RefreshIndicator | Pull-to-refresh functionality | widgets-refresh-indicator |
| Dismissible | Swipe-to-dismiss widgets | widgets-dismissible |
| TabBar & Tabs | Tab navigation, TabController, TabBarView | widgets-tabs |
| Forms & Validation | Form validation, validators, form handling | features-forms-validation |
| Topic | Description | Reference |
|---|---|---|
| Flex Layouts | Row, Column, Flex, Flexible, Expanded | layout-flex |
| Stack Layout | Stack, Positioned, alignment | layout-stack |
| Container | Container, BoxDecoration, padding, margin | layout-container |
| List Views | ListView, ListTile, GridView, Sliver widgets | layout-lists |
| Slivers | CustomScrollView, SliverList, SliverGrid, advanced scrolling | features-slivers |
| Scroll Controller | Programmatic scroll control, scroll listeners | features-scroll-controller |
| Topic | Description | Reference |
|---|---|---|
| Navigator | Navigator.push, Navigator.pop, routes | features-navigation |
| Named Routes | Route configuration, onGenerateRoute | features-named-routes |
| Router | GoRouter, declarative routing | features-router |
| Topic | Description | Reference |
|---|---|---|
| Implicit Animations | AnimatedContainer, AnimatedOpacity, AnimatedSize | features-implicit-animations |
| Explicit Animations | AnimationController, Tween, AnimationBuilder | features-explicit-animations |
| Hero Animations | Hero widget, shared element transitions | features-hero-animations |
| Topic | Description | Reference |
|---|---|---|
| Material App | MaterialApp, Theme, ThemeData | features-material-app |
| Material Components | AppBar, Scaffold, Drawer, BottomNavigationBar | features-material-components |
| Material 3 | Material 3 design system, color schemes | features-material-3 |
| Topic | Description | Reference |
|---|---|---|
| Cupertino Widgets | iOS-style widgets, CupertinoApp, CupertinoNavigationBar | features-cupertino |
| Topic | Description | Reference |
|---|---|---|
| Dialogs & Modals | AlertDialog, showDialog, showModalBottomSheet | features-dialogs |
| Focus Management | FocusNode, FocusScope, keyboard navigation | features-focus |
| Topic | Description | Reference |
|---|---|---|
| Platform Channels | MethodChannel, EventChannel, native communication | features-platform-channels |
| Platform Views | AndroidView, UiKitView, embedding native views | features-platform-views |
| Assets & Resources | Asset management, pubspec.yaml, asset loading | features-assets |
| HTTP & Networking | HTTP requests, API calls, JSON parsing | features-http |
| Responsive Design | MediaQuery, LayoutBuilder, screen adaptation | features-responsive |
| Keys | ValueKey, ObjectKey, GlobalKey, when to use keys | features-keys |
| Widget Lifecycle | initState, dispose, lifecycle management | features-lifecycle |
| Error Handling | Try-catch, error widgets, error boundaries | features-error-handling |
| PopScope | Handle back button and navigation pop events | features-pop-scope |
| Topic | Description | Reference |
|---|---|---|
| Custom Paint | CustomPainter, Canvas, custom graphics | advanced-custom-paint |
| Gestures | GestureDetector, GestureRecognizer, drag and drop | advanced-gestures |
| Performance | Performance optimization, const constructors, keys | advanced-performance |
| Testing | Widget testing, integration testing, test utilities | advanced-testing |
| Topic | Description | Reference |
|---|---|---|
| State Management | When to use setState, state lifting, patterns | best-practices-state |
| Performance | Optimization techniques, const usage, patterns | best-practices-performance |
npx claudepluginhub joshuarweaver/cascade-code-languages-misc-1 --plugin hairyf-skills-4Provides expert guidance on Flutter development with Dart 3, state management, architecture, and multi-platform deployment.
Provides Flutter/Dart guidance on architecture (BLoC, Riverpod), state management, widgets, navigation (GoRouter), data (Dio, Hive), performance, and testing for cross-platform mobile apps.
Builds cross-platform mobile apps with Flutter and Dart, covering widgets, state management (Provider/BLoC), navigation, API integration, and material design.