flutter
Flutter
The 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.
Core References
| 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 |
Widgets
More from hairyf/skills
tailwindcss
Tailwind CSS utility-first CSS framework. Use when styling web applications with utility classes, building responsive designs, or customizing design systems with theme variables.
1.7Khairy-utils
Comprehensive skills for working with @hairy/utils core utilities
891motion
Motion animation library for JavaScript, React and Vue. Use when creating animations, gestures, layout transitions, scroll-linked effects, or working with motion values and animation controls.
763next
Next.js framework for building React applications with App Router, Server Components, and optimized performance. Use when working with Next.js apps, routing, data fetching, caching, Server Actions, or building full-stack React applications.
714react-use
Collection of essential React Hooks for sensors, UI, animations, side-effects, lifecycles, and state management
692valtio
Valtio proxy state management for React and vanilla JavaScript. Use when creating reactive state, managing application state, or working with proxy-based state management.
636