Frameworks

Best Flutter Agent Skills

57 Flutter skills for AI coding assistants — ranked by popularity.

This collection provides specialized skill definitions designed to augment AI agents like Claude Code, Cursor, and Codex for Flutter development. These configuration files allow your agent to understand specific architectural patterns, state management libraries, and testing frameworks before writing a single line of code. Whether you are building complex cross-platform mobile apps, designing mobile-first user interfaces, or setting up automated testing pipelines, these skills provide the context necessary for your agent to produce production-ready code. You will find targeted expertise ranging from Riverpod and go_router implementations to advanced architectural sets like the flutter_it stack. These skills ensure that your agent follows your preferred design philosophy, handles platform-specific constraints like battery usage or touch interactions, and maintains consistent code quality across your Flutter projects. By selecting the right skill, you align your agent with specific industry standards and your own project requirements.

Top Flutter skills

flutter-development

aj-geddes

Build beautiful cross-platform mobile apps with Flutter and Dart. Covers widgets, state management with Provider/BLoC, navigation, API integration, and material design.

1,5551,991

mobile-design

sickn33

Mobile-first design and engineering doctrine for iOS and Android apps. Covers touch interaction, performance, platform conventions, offline behavior, and mobile-specific decision-making. Teaches principles and constraints, not fixed layouts. Use for React Native, Flutter, or native mobile apps.

149231

flutter-expert

sickn33

Master Flutter development with Dart 3, advanced widgets, and multi-platform deployment. Handles state management, animations, testing, and performance optimization for mobile, web, desktop, and embedded platforms. Use PROACTIVELY for Flutter architecture, UI implementation, or cross-platform features.

73125

mobile-games

davila7

Mobile game development principles. Touch input, battery, performance, app stores.

1158

flutter

alinaqi

Flutter development with Riverpod state management, Freezed, go_router, and mocktail testing

1343

flutter-architecture-expert

flutter-it

Architecture guidance for Flutter apps using the flutter_it construction set (get_it, watch_it, command_it, listen_it). Covers Pragmatic Flutter Architecture (PFA) with Services/Managers/Views, feature-based project structure, manager pattern, proxy pattern with optimistic updates and override fields, DataRepository with reference counting, scoped services, widget granularity, testing, and best practices. Use when designing app architecture, structuring Flutter projects, implementing managers or proxies, or planning feature organization.

934

mobile-developer

sickn33

Develop React Native, Flutter, or native mobile apps with modern architecture patterns. Masters cross-platform development, native integrations, offline sync, and app store optimization. Use PROACTIVELY for mobile features, cross-platform code, or app optimization.

58

webf-native-plugin-dev

openwebf

Develop custom WebF native plugins based on Flutter packages. Create reusable plugins that wrap Flutter/platform capabilities as JavaScript APIs. Use when building plugins for native features like camera, payments, sensors, file access, or wrapping existing Flutter packages.

29

get-it-expert

flutter-it

Expert guidance on get_it service locator and dependency injection for Flutter/Dart. Covers registration (singleton, factory, lazy, async), scopes with shadowing, async initialization with init() pattern, retrieval, testing with scope-based mocking, and production patterns. Use when working with get_it, dependency injection, service registration, scopes, or async initialization.

18

stac-quickstart

StacDev

Help initialize and validate a Stac-enabled Flutter project and ship a first server-driven screen. Use when users ask to set up Stac CLI, run stac init/build/deploy, verify project prerequisites, or troubleshoot first-run setup and missing configuration files.

18

fix-dependabot-prs

bannzai

dependabotから上がってきた複数のPRを一括で解決し、まとめPRを作成する。dependabotのPR対応を依頼された時に使用。

16

mobile-components

dadbodgeoff

Mobile-first UI components including bottom navigation, bottom sheets, pull-to-refresh, and swipe actions. Touch-optimized with proper gesture handling.

34

webf-api-compatibility

openwebf

Check Web API and CSS feature compatibility in WebF - determine what JavaScript APIs, DOM methods, CSS properties, and layout modes are supported. Use when planning features, debugging why APIs don't work, or finding alternatives for unsupported features like IndexedDB, WebGL, float layout, or CSS Grid.

16

flutter-init

bear2u

Use when user wants to create a new Flutter project (Todo/Habit/Note/Expense/Custom domain) with Clean Architecture, Riverpod 3.0, Drift, and modern Flutter stack

33

flutter-pub-update

bannzai

Flutterプロジェクトのpubspec.yamlパッケージを更新するスキル。一括更新または指定パッケージ更新に対応。メジャーバージョン更新時は確認を挟み、更新前にpub.dev/GitHubでchangelogを確認して変更内容を報告する。$ARGUMENTSにパッケージ名を指定するか、--allで全パッケージ更新。

24

webf-native-plugins

openwebf

Install WebF native plugins to access platform capabilities like sharing, payment, camera, geolocation, and more. Use when building features that require native device APIs beyond standard web APIs.

14

asyncredux-dispatching-actions

marcglasberg

Dispatch actions using all available methods: `dispatch()`, `dispatchAndWait()`, `dispatchAll()`, `dispatchAndWaitAll()`, and `dispatchSync()`. Covers dispatching from widgets via context extensions and from within other actions.

10

asyncredux-navigation

marcglasberg

Handle navigation through actions using NavigateAction. Covers setting up the navigator key, dispatching NavigateAction for push/pop/replace, and testing navigation in isolation.

10

asyncredux-persistence

marcglasberg

Implement local state persistence using Persistor. Covers creating a custom Persistor class, implementing `readState()`, `persistDifference()`, `deleteState()`, using LocalPersist helper, throttling saves, and pausing/resuming persistence with app lifecycle.

10

تطوير الموديلات (Model Development)

osminventory-commits

القواعد الصارمة والمعايير الهندسية لبناء الموديلات (Models) في طبقة الـ Data بـ Clean Architecture.

00

lg-nanobanana-sprite

AshishYesale7

Leverage AI (Nano Banana/Imagen) to generate high-quality visual assets (icons, logos, placemark images, overlay graphics) and integrate them into Liquid Galaxy Flutter apps.

00

genui

gskinnerTeam

Core GenUI framework for dynamic AI-driven UIs. Use when: working with Conversation, SurfaceController, Transport, Surface, SurfaceHost, Catalog, CatalogItem, CatalogItemContext, DataModel, DataContext, DataPath, A2uiSchemas, ClientFunction, PromptBuilder, A2UiClientCapabilities, data binding, A2UI

00

figma-import

gskinnerTeam

Translates Figma designs into production-ready Flutter code. Use when: importing, implementing, or building UI from a Figma design, link, or node; user mentions 'implement design', 'generate code', 'implement component', provides Figma URLs, or asks to build widgets matching Figma specs. Covers the

00

iOS Animation Graphics Skill

bsreeram08

Creating animations and graphics using SwiftUI Canvas, Core Animation, and Lottie integration for engaging iOS app experiences.

00

How to choose a Flutter skill

Evaluate these skills based on your project's specific architectural needs and dependency stack. Look for the state management solution mentioned in each skill—such as Riverpod, Provider, or BLoC—to ensure it matches your existing codebase. Check the scope of the skill; some focus strictly on mobile-first design doctrines, while others emphasize testing automation or complex app architecture. Prioritize skills that explicitly state support for the Flutter and Dart versions you are currently using to avoid compatibility issues during deployment.

More Flutter skills

Frequently asked

Which skill should I choose for Riverpod state management?
If your application relies on Riverpod, the 'flutter' skill by alinaqi or the 'moai-lang-flutter' skill by modu-ai are your best options. Both explicitly cover Riverpod, alongside other common dependencies like go_router and Freezed, making them well-suited for modern, clean-architecture Flutter development.
Can these skills help me with automated testing?
Yes. The 'automating-mobile-app-testing' skill by jeremylongshore is specifically designed to handle mobile testing frameworks including Appium, Detox, and XCUITest. If you need to focus on unit or integration testing within a Flutter-specific context, the 'flutter' skill also provides guidance on using mocktail for effective test suites.

Skills for other frameworks

Search skills

Search the agent skills registry