Skip to content

Latest commit

 

History

History
53 lines (36 loc) · 1.45 KB

File metadata and controls

53 lines (36 loc) · 1.45 KB

Design System Build Quality Workflow

EN | PT | ES


Full documentation available in: Portuguese Version


Summary

The Design System Build Quality Workflow guides the creation and maintenance of design systems. It ensures:

  • Consistent design tokens and variables
  • Reusable component library
  • Documentation and usage guidelines
  • Accessibility standards
  • Visual regression testing

When to Use

  • Creating a new design system
  • Evolving existing component libraries
  • Establishing UI consistency across projects

Key Agents

  • @ux-design-expert - Design leadership
  • @architect - Component architecture
  • @dev - Component implementation
  • @qa - Visual and accessibility testing

Main Phases

  1. Foundation - Design tokens and base styles
  2. Primitives - Basic UI elements
  3. Components - Complex component patterns
  4. Documentation - Usage guides and examples
  5. Quality - Testing and validation

Key Components

  • Color system and typography
  • Spacing and layout tokens
  • Icon system
  • Form elements
  • Navigation patterns
  • Feedback components

For complete details, diagrams, and step-by-step instructions, see the Portuguese documentation.