flutter

flutter/skills

56 resources in this repository

GitHub
🎯56

🎯Skills56

🎯flutter-building-layouts🎯Skill

Skill

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

Skill

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

Skill

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

Skill

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

Skill

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

Skill

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

Skill

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

Skill

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

Skill

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

Skill

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

Skill

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

Skill

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

Skill

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

Skill

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

Skill

flutter-setting-up-on-linux
🎯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-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-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-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-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-layout🎯Skill

Skill

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

Skill

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

Skill

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

Skill

flutter-state-management
🎯flutter-architecture🎯Skill

Skill

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

Skill

flutter-testing
🎯flutter-app-size🎯Skill

Skill

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-accessibility🎯Skill

Skill

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

Skill

flutter-http-and-json
🎯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

Skill

flutter-native-interop
🎯flutter-plugins🎯Skill

Skill

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

Skill

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

Skill

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

Skill

flutter-form