Flutter UI Components

소개

Specializes in creating and migrating individual Flutter UI components like buttons, cards, and inputs to be fully compliant with Material Design 3 (M3). This skill follows a strict, mandatory 4-phase workflow that prioritizes using native M3 components to ensure zero duplication and high compliance. It is ideal for atomic UI tasks under 300 lines of code, focusing on accessibility (WCAG 2.1 AA) and adherence to a specific design token strategy. Use this skill for component-level work, not for building complete screens or implementing business logic.

주요 기능

• Specializes in migrating existing components and creating new ones to be fully Material Design 3 (M3) compliant.
• Enforces a mandatory 4-phase, MCP-first workflow for M3 validation and implementation.
• Implements WCAG 2.1 AA accessibility standards, including 48x48px touch targets and 4.5:1 contrast ratios.
• 0 GitHub stars
• Provides clear anti-patterns to prevent code duplication and ensure M3 native components are preferred over custom implementations.
• Utilizes a strict design token strategy, prioritizing M3 theme tokens for colors/typography and custom tokens for spacing.

사용 사례

• Creating a new, reusable date picker form input that adheres to M3 guidelines.
• Migrating an existing Flutter button component to Material Design 3.
• Building a small, custom card component that uses a native M3 Card as its base.