重要前提
安装AI Skills的关键前提是:必须科学上网,且开启TUN模式,这一点至关重要,直接决定安装能否顺利完成,在此郑重提醒三遍:科学上网,科学上网,科学上网。查看完整安装教程 →
npx skills add https://github.com/hairyf/skills --skill flutter该技能基于 Flutter 框架,生成于 2026-01-31。
Flutter 是 Google 的 SDK,用于从单一代码库为移动端、Web 和桌面端打造美观、快速的用户体验。Flutter 可与现有代码协同工作,被全球的开发者和组织所使用,并且是免费和开源的。
Flutter 使用 Dart 作为其编程语言,并遵循基于 Widget 的架构,其中一切都是 Widget。该框架提供了用于快速开发周期的热重载、丰富的 Material Design 和 Cupertino Widget 集合,以及通过编译代码实现的卓越性能。
| 主题 | 描述 | 参考链接 |
|---|---|---|
| Widget 系统 | StatelessWidget, StatefulWidget, Widget 生命周期, keys | core-widgets |
| 状态管理 | setState, StatefulWidget, ValueNotifier, ChangeNotifier | core-state-management |
| 布局系统 | Row, Column, Stack, Flex, constraints, sizing | core-layout |
| BuildContext | Context 用法, InheritedWidget, theme 访问 |
广告位招租
在这里展示您的产品或服务
触达数万 AI 开发者,精准高效
| InheritedWidget | 在 Widget 树中共享数据, InheritedWidget 模式 | features-inherited-widget |
| 主题 | 描述 | 参考链接 |
|---|---|---|
| 文本与样式 | Text widget, TextStyle, RichText, TextSpan | widgets-text |
| 图像 | Image widget, AssetImage, NetworkImage, ImageProvider | widgets-images |
| 图标 | Icon widget, IconData, IconTheme | widgets-icons |
| 按钮 | ElevatedButton, TextButton, OutlinedButton, IconButton | widgets-buttons |
| 输入字段 | TextField, TextFormField, Form, FormField | widgets-input |
| 异步 Widgets | FutureBuilder, StreamBuilder, async 操作 | widgets-async |
| ValueListenableBuilder | 基于 ValueListenable 变化构建 Widgets | widgets-value-listenable |
| PageView | 可滑动页面, PageController, 页面导航 | widgets-pageview |
| RefreshIndicator | 下拉刷新功能 | widgets-refresh-indicator |
| Dismissible | 滑动删除 Widgets | widgets-dismissible |
| TabBar & Tabs | Tab 导航, TabController, TabBarView | widgets-tabs |
| 表单与验证 | 表单验证, validators, 表单处理 | features-forms-validation |
| 主题 | 描述 | 参考链接 |
|---|---|---|
| 弹性布局 | Row, Column, Flex, Flexible, Expanded | layout-flex |
| 堆叠布局 | Stack, Positioned, alignment | layout-stack |
| 容器 | Container, BoxDecoration, padding, margin | layout-container |
| 列表视图 | ListView, ListTile, GridView, Sliver widgets | layout-lists |
| Slivers | CustomScrollView, SliverList, SliverGrid, 高级滚动 | features-slivers |
| 滚动控制器 | 编程式滚动控制, 滚动监听器 | features-scroll-controller |
| 主题 | 描述 | 参考链接 |
|---|---|---|
| Navigator | Navigator.push, Navigator.pop, routes | features-navigation |
| 命名路由 | Route 配置, onGenerateRoute | features-named-routes |
| Router | GoRouter, 声明式路由 | features-router |
| 主题 | 描述 | 参考链接 |
|---|---|---|
| 隐式动画 | AnimatedContainer, AnimatedOpacity, AnimatedSize | features-implicit-animations |
| 显式动画 | AnimationController, Tween, AnimationBuilder | features-explicit-animations |
| Hero 动画 | Hero widget, 共享元素过渡 | features-hero-animations |
| 主题 | 描述 | 参考链接 |
|---|---|---|
| Material 应用 | MaterialApp, Theme, ThemeData | features-material-app |
| Material 组件 | AppBar, Scaffold, Drawer, BottomNavigationBar | features-material-components |
| Material 3 | Material 3 设计系统, 配色方案 | features-material-3 |
| 主题 | 描述 | 参考链接 |
|---|---|---|
| Cupertino Widgets | iOS 风格 Widgets, CupertinoApp, CupertinoNavigationBar | features-cupertino |
| 主题 | 描述 | 参考链接 |
|---|---|---|
| 对话框与模态框 | AlertDialog, showDialog, showModalBottomSheet | features-dialogs |
| 焦点管理 | FocusNode, FocusScope, 键盘导航 | features-focus |
| 主题 | 描述 | 参考链接 |
|---|---|---|
| 平台通道 | MethodChannel, EventChannel, 原生通信 | features-platform-channels |
| 平台视图 | AndroidView, UiKitView, 嵌入原生视图 | features-platform-views |
| 资源与资产 | 资产管理, pubspec.yaml, 资产加载 | features-assets |
| HTTP 与网络 | HTTP 请求, API 调用, JSON 解析 | features-http |
| 响应式设计 | MediaQuery, LayoutBuilder, 屏幕适配 | features-responsive |
| Keys | ValueKey, ObjectKey, GlobalKey, 何时使用 keys | features-keys |
| Widget 生命周期 | initState, dispose, 生命周期管理 | features-lifecycle |
| 错误处理 | Try-catch, 错误 Widgets, 错误边界 | features-error-handling |
| PopScope | 处理返回按钮和导航弹出事件 | features-pop-scope |
| 主题 | 描述 | 参考链接 |
|---|---|---|
| 自定义绘制 | CustomPainter, Canvas, 自定义图形 | advanced-custom-paint |
| 手势 | GestureDetector, GestureRecognizer, 拖放 | advanced-gestures |
| 性能 | 性能优化, const 构造函数, keys | advanced-performance |
| 测试 | Widget 测试, 集成测试, 测试工具 | advanced-testing |
| 主题 | 描述 | 参考链接 |
|---|---|---|
| 状态管理 | 何时使用 setState, 状态提升, 模式 | best-practices-state |
| 性能 | 优化技术, const 用法, 模式 | best-practices-performance |
每周安装量
59
代码仓库
GitHub 星标数
9
首次出现
2026年2月2日
安全审计
已安装于
opencode58
cursor57
gemini-cli54
codex53
github-copilot52
amp49
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.
| 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 |
| 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 |
| 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 |
| 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 |
Weekly Installs
59
Repository
GitHub Stars
9
First Seen
Feb 2, 2026
Security Audits
Gen Agent Trust HubPassSocketPassSnykPass
Installed on
opencode58
cursor57
gemini-cli54
codex53
github-copilot52
amp49
React 组合模式指南:Vercel 组件架构最佳实践,提升代码可维护性
123,700 周安装
| 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 |
| features-scroll-controller |
| 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 |