flutter

flutter/skills

56 resources in this repository

GitHub
🎯56

🎯Skills56

🎯flutter-apply-architecture-best-practices🎯Skill

A collection of agent skills for Flutter development, covering accessibility auditing, integration testing, widget previews, and best practices to help AI agents work effectively with Flutter projects.

flutter-apply-architecture-best-practices
🎯flutter-build-responsive-layout🎯Skill

A Flutter agent skill for building responsive layouts using LayoutBuilder, MediaQuery, and Expanded/Flexible widgets so UIs adapt correctly across mobile and tablet/desktop form factors. Part of the official Flutter skills collection (currently in development) that covers accessibility, testing, routing, localization, and more.

flutter-build-responsive-layout
🎯flutter-fix-layout-issues🎯Skill

A collection of agent skills for Flutter development, covering accessibility audits, integration tests, widget tests, responsive layouts, architecture best practices, and more.

flutter-fix-layout-issues
🎯flutter-add-widget-test🎯Skill

Implements component-level tests using WidgetTester to verify Flutter UI rendering and user interactions like tapping, scrolling, and text entry, ensuring widgets display correct data and respond to events as expected.

flutter-add-widget-test
🎯flutter-setup-declarative-routing🎯Skill

Configures MaterialApp.router with go_router for advanced URL-based navigation in Flutter, enabling deep linking and browser history support for web and mobile apps.

flutter-setup-declarative-routing
🎯flutter-add-integration-test🎯Skill

Configures Flutter Driver for app interaction and converts MCP actions into permanent integration tests using the integration_test package, enabling automated user flow testing.

flutter-add-integration-test
🎯flutter-implement-json-serialization🎯Skill

Creates Flutter model classes with fromJson and toJson methods using dart:convert for manually mapping JSON keys to class properties, ideal for simple data structures.

flutter-implement-json-serialization
🎯flutter-setup-localization🎯Skill

Adds flutter_localizations and intl dependencies, enables code generation in pubspec.yaml, and creates an l10n.yaml configuration file to initialize localization support for a new Flutter project.

flutter-setup-localization
🎯flutter-add-widget-preview🎯Skill

Adds interactive widget previews to a Flutter project using the previews.dart system, enabling consistent design verification and interactive testing when creating new UI components or updating existing screens.

flutter-add-widget-preview
🎯flutter-use-http-package🎯Skill

Uses the Flutter http package to execute GET, POST, PUT, or DELETE requests for fetching data from or sending data to REST APIs.

flutter-use-http-package
🎯flutter-building-layouts🎯Skill

Official Flutter agent skill for building layouts, providing tailored instructions for responsive and adaptive UI construction. Maintained by the Flutter team as part of a collection that teaches agents best-practice Flutter development workflows.

flutter-building-layouts
🎯flutter-architecting-apps🎯Skill

Official Flutter agent skill for app architecture, guiding agents through the recommended layered approach (UI, Logic, Data) for structuring scalable Flutter applications. Maintained by the Flutter team.

flutter-architecting-apps
🎯flutter-animating-apps🎯Skill

Official Flutter agent skill for adding animations, teaching agents correct animation patterns and workflows in Flutter apps. Maintained by the Flutter team as part of a collection covering testing, architecture, layouts, and more.

flutter-animating-apps
🎯flutter-managing-state🎯Skill

An official Flutter team agent skill that guides AI agents through best-practice state management patterns in Flutter apps, including provider setup, state lifting, and reactive data flows.

flutter-managing-state
🎯flutter-theming-apps🎯Skill

An official Flutter agent skill that implements theming in Flutter apps, covering color schemes, typography, and dynamic theming for consistent visual branding across platforms.

flutter-theming-apps
🎯flutter-implementing-navigation-and-routing🎯Skill

An official Flutter team agent skill that teaches AI agents how to implement navigation and routing in Flutter apps following best practices, including named routes, deep linking, and declarative routing patterns.

flutter-implementing-navigation-and-routing
🎯flutter-testing-apps🎯Skill

An official Flutter team agent skill that provides AI agents with best-practice workflows for testing Flutter apps, covering unit tests, widget tests, and integration testing strategies.

flutter-testing-apps
🎯flutter-caching-data🎯Skill

An official Flutter team agent skill that guides AI agents through implementing data caching strategies in Flutter apps, helping optimize performance by reducing redundant network requests and improving offline support.

flutter-caching-data
🎯flutter-reducing-app-size🎯Skill

An official Flutter team agent skill that teaches AI agents best practices for reducing Flutter app binary size, including tree shaking, deferred components, and asset optimization techniques.

flutter-reducing-app-size
🎯flutter-building-forms🎯Skill

An official Flutter agent skill that builds Flutter forms with validation and user input handling, covering login screens, data entry forms, and any multi-field user input scenarios.

flutter-building-forms
🎯flutter-handling-http-and-json🎯Skill

An official Flutter agent skill for making HTTP requests and handling JSON data in Flutter apps, covering REST API integration, serialization, and async data fetching patterns.

flutter-handling-http-and-json
🎯flutter-handling-concurrency🎯Skill

An official Flutter team agent skill that guides AI agents through handling concurrency in Flutter apps, including isolates, async/await patterns, and parallel task execution for responsive UIs.

flutter-handling-concurrency
🎯flutter-localizing-apps🎯Skill

An official Flutter agent skill for adding multi-language support to Flutter apps, covering l10n configuration, ARB files, and locale-specific formatting for internationalized applications.

flutter-localizing-apps
🎯flutter-working-with-databases🎯Skill

An official Flutter agent skill for integrating local and remote databases in Flutter apps, covering SQLite, Drift, Isar, and Firebase data persistence patterns.

flutter-working-with-databases
🎯flutter-improving-accessibility🎯Skill

An official Flutter team agent skill that teaches AI agents how to improve accessibility in Flutter apps, including semantic labels, screen reader support, and contrast/touch target compliance.

flutter-improving-accessibility
🎯flutter-interoperating-with-native-apis🎯Skill

An official Flutter team agent skill that guides AI agents through interoperating with native platform APIs in Flutter, including platform channels, method channels, and FFI for accessing device-specific functionality.

flutter-interoperating-with-native-apis
🎯flutter-adding-home-screen-widgets🎯Skill

An official Flutter agent skill that adds home screen widgets to a Flutter app for Android and iOS, providing glanceable app information and quick actions on the device home screen.

flutter-adding-home-screen-widgets
🎯flutter-building-plugins🎯Skill

An official Flutter team agent skill that teaches AI agents how to build Flutter plugins that wrap platform-specific native code, providing a Dart API for accessing native iOS, Android, and other platform features.

flutter-building-plugins
🎯flutter-embedding-native-views🎯Skill

A Flutter agent skill that guides embedding native platform views (like maps, web views, or camera previews) into Flutter apps. Part of the official Flutter skills collection maintained by the Flutter team for best-practice development workflows.

flutter-embedding-native-views
🎯flutter-setting-up-on-macos🎯Skill

An official Flutter agent skill that guides through setting up and configuring a Flutter development environment on macOS, including Xcode, simulators, and native macOS app deployment.

flutter-setting-up-on-macos
🎯flutter-setting-up-on-windows🎯Skill

A Flutter agent skill that walks through setting up the Flutter development environment on Windows. Part of the official Flutter skills collection maintained by the Flutter team, providing repeatable workflows to reduce setup mistakes and follow best practices.

flutter-setting-up-on-windows
🎯flutter-setting-up-on-linux🎯Skill

A Flutter agent skill that walks through setting up the Flutter development environment on Linux. Part of the official Flutter skills collection maintained by the Flutter team, providing repeatable workflows to reduce setup mistakes and follow best practices.

flutter-setting-up-on-linux
🎯flutter-accessibility-audit🎯Skill

Triggers an accessibility scan through the Flutter widget_inspector and automatically adds Semantics widgets or missing labels to the source code to improve app accessibility.

flutter-accessibility-audit
🎯flutter-layout🎯Skill

A Flutter skill for building responsive layouts that adapt to different screen sizes using LayoutBuilder, MediaQuery, and Expanded/Flexible widgets, ensuring apps look good on both mobile and tablet/desktop form factors.

flutter-layout
🎯flutter-performance🎯Skill

Profiles Flutter apps using DevTools and the performance overlay to diagnose jank and reduce frame render time. Use when investigating UI stutters or optimizing rendering performance.

flutter-performance
🎯flutter-theming🎯Skill

Applies consistent visual styling across a Flutter app using ThemeData, color schemes, typography, and dark mode support. Use when setting up or customizing the visual theme of a Flutter application.

flutter-theming
🎯flutter-animation🎯Skill

Part of Flutter's official agent skills collection maintained by the Flutter team, providing tailored instructions and repeatable workflows for Flutter app development best practices across multiple AI coding agents.

flutter-animation
🎯flutter-routing-and-navigation🎯Skill

Part of Flutter's official agent skills collection maintained by the Flutter team, providing tailored instructions and repeatable workflows for Flutter app development best practices across multiple AI coding agents.

flutter-routing-and-navigation
🎯flutter-state-management🎯Skill

Part of Flutter's official agent skills collection maintained by the Flutter team, providing tailored instructions and repeatable workflows for Flutter app development best practices across multiple AI coding agents.

flutter-state-management
🎯flutter-architecture🎯Skill

Part of Flutter's official agent skills collection maintained by the Flutter team, providing tailored instructions and repeatable workflows for Flutter app development best practices across multiple AI coding agents.

flutter-architecture
🎯flutter-caching🎯Skill

Implements caching strategies for Flutter apps to improve performance and enable offline support by retaining data locally. Use when reducing network requests or speeding up app startup.

flutter-caching
🎯flutter-testing🎯Skill

Part of Flutter's official agent skills collection maintained by the Flutter team, providing tailored instructions and repeatable workflows for Flutter app development best practices across multiple AI coding agents.

flutter-testing
🎯flutter-app-size🎯Skill

Part of Flutter's official agent skills collection maintained by the Flutter team, providing tailored instructions and repeatable workflows for Flutter app development best practices across multiple AI coding agents.

flutter-app-size
🎯flutter-concurrency🎯Skill

A Flutter agent skill that executes long-running tasks in background isolates to keep the UI responsive. Use when performing heavy computations or parsing large datasets in a Flutter application.

flutter-concurrency
🎯flutter-localization🎯Skill

A Flutter agent skill that configures a Flutter app to support multiple languages and regions. Use when preparing a Flutter application for international markets and diverse user locales.

flutter-localization
🎯flutter-http-and-json🎯Skill

Part of Flutter's official agent skills collection maintained by the Flutter team, providing tailored instructions and repeatable workflows for Flutter app development best practices across multiple AI coding agents.

flutter-http-and-json
🎯flutter-accessibility🎯Skill

Part of Flutter's official agent skills collection maintained by the Flutter team, providing tailored instructions and repeatable workflows for Flutter app development best practices across multiple AI coding agents.

flutter-accessibility
🎯flutter-databases🎯Skill

A Flutter agent skill for managing local data persistence using SQLite or other database solutions. Use when a Flutter app needs to store, query, or synchronize large amounts of structured data on the device.

flutter-databases
🎯flutter-native-interop🎯Skill

Part of Flutter's official agent skills collection maintained by the Flutter team, providing tailored instructions and repeatable workflows for Flutter app development best practices across multiple AI coding agents.

flutter-native-interop
🎯flutter-plugins🎯Skill

Part of Flutter's official agent skills collection maintained by the Flutter team, providing tailored instructions and repeatable workflows for Flutter app development best practices across multiple AI coding agents.

flutter-plugins
🎯flutter-platform-views🎯Skill

A Flutter agent skill for embedding native Android, iOS, or macOS views into a Flutter app. Use when integrating complex native components such as maps or web views that cannot be replicated with Flutter widgets.

flutter-platform-views
🎯flutter-environment-setup-macos🎯Skill

An official Flutter team skill providing tailored instructions for setting up the Flutter development environment on macOS. Part of a collection of agent skills for happy-path Flutter app development workflows.

flutter-environment-setup-macos
🎯flutter-environment-setup-windows🎯Skill

An official Flutter team skill providing tailored instructions for setting up the Flutter development environment on Windows. Part of a collection of agent skills for happy-path Flutter app development workflows.

flutter-environment-setup-windows
🎯flutter-environment-setup-linux🎯Skill

An official Flutter agent skill for setting up Flutter development environments on Linux, part of a comprehensive collection covering app architecture, animations, forms, layouts, plugins, navigation, state management, and platform-specific development.

flutter-environment-setup-linux
🎯flutter-home-screen-widget🎯Skill

Official Flutter agent skills covering home screen widgets, animations, app architecture, forms, layouts, plugins, caching, navigation, accessibility, state management, and more. Provides guided recipes for building Flutter apps with best practices across 15+ skill areas.

flutter-home-screen-widget
🎯flutter-form🎯Skill

Official Flutter agent skills maintained by the Flutter team, providing tailored instructions for Flutter app development workflows including widget testing, integration testing, responsive layouts, JSON serialization, routing, localization, and architecture best practices.

flutter-form