# Greenfield UI Workflow

> **EN** | [PT](../../aiox-workflows/greenfield-ui-workflow.md) | [ES](../../es/aiox-workflows/greenfield-ui-workflow.md)

---

**Full documentation available in:** [Portuguese Version](../../aiox-workflows/greenfield-ui-workflow.md)

---

## Summary

The **Greenfield UI Workflow** is designed for creating new frontend applications from scratch. It covers:

- UI/UX design integration
- Component architecture
- Design system setup
- State management patterns
- Responsive and accessible design
- Frontend testing strategies

### When to Use

- Building a new frontend application
- Creating SPAs or static sites
- Projects consuming existing APIs without backend development

### Key Agents

- `@ux-design-expert` - UX/UI design guidance
- `@architect` - Frontend architecture
- `@dev` - UI implementation
- `@qa` - Visual and functional testing

### Main Phases

1. **Design Review** - UX/UI requirements and design system
2. **Architecture** - Component structure and state management
3. **Component Development** - Building UI components
4. **Integration** - API integration and data flow
5. **Polish** - Accessibility, responsiveness, and performance

---

*For complete details, diagrams, and step-by-step instructions, see the [Portuguese documentation](../../aiox-workflows/greenfield-ui-workflow.md).*