Flutter UI Components FAQs

Question 1

What does this skill NOT handle?

Accepted Answer

This skill is a UI component specialist. It does not handle complete screen layouts, business logic, state management, or backend API integration. For those more complex tasks, you should use a broader skill like `flutter-developer`.

Question 2

What does the Flutter UI Components skill specialize in?

Accepted Answer

This skill specializes in creating new and migrating existing individual Flutter UI components to be fully compliant with Material Design 3 (M3). It excels at enforcing M3-native component usage, implementing WCAG 2.1 AA accessibility, and using a strict design token strategy.

Question 3

When is the right time to use this skill?

Accepted Answer

Use it for atomic UI tasks like building a new M3-compliant button, migrating an old card component to M3, or ensuring a form input meets accessibility standards. It is designed for single components under 300 lines, not for building entire screens.

Question 4

How does this skill improve my workflow?

Accepted Answer

It automates M3 validation using a mandatory 4-phase, MCP-first workflow, drastically reducing development time from over 30 minutes to under 10. This process guarantees M3 and accessibility compliance while eliminating code duplication and manual checks.

Flutter UI Components

Key Features

Use Cases

Flutter UI Components

Key Features

Use Cases