51 lines (34 loc) · 1.41 KB

Brownfield UI Workflow

EN | PT | ES

Full documentation available in: Portuguese Version

Summary

The Brownfield UI Workflow is designed for evolving existing frontend applications. It addresses:

Component refactoring and modernization
Design system integration
State management improvements
Accessibility enhancements
Performance optimization

When to Use

Adding features to existing frontend applications
UI/UX improvements and modernization
Component library migration
Design system adoption
After completing brownfield-discovery

Prerequisites

Run brownfield-discovery first if unfamiliar with the project
Understand existing component patterns

Key Agents

@ux-design-expert - Design guidance
@architect - Frontend architecture evolution
@dev - UI implementation
@qa - Visual regression testing

Main Phases

Component Audit - Existing UI review
Design Alignment - Design system mapping
Refactoring - Component modernization
Enhancement - New feature implementation
Polish - Accessibility and performance

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