material

To build a Material Design system with WCAG 2.2 AA accessibility, define explicit design tokens, enforce keyboard-first interaction, and apply visible focus states with testable acceptance criteria for UI components.

Material Design tokens are shared variables for typography, spacing, and color palettes that standardize UI components. They define primary, secondary, surface, text, and semantic states to ensure consistent styling across products.

Model accessible UI component interaction states by defining explicit default, hover, focus-visible, active, disabled, loading, and error behaviors. Apply concrete do and don't constraints to enforce consistent interaction modeling.

Yes, you can use this skill to generate QA checklists for component code review. It provides testable acceptance criteria and reviewable constraints to verify accessibility compliance and token usage for UI families.

The best way to standardize UI styling across teams is implementing a shared Material Design foundation. Use explicit design tokens, semantic color palettes, and enforced interaction-state rules to eliminate inconsistent styling and accessibility gaps.