UI Mockup Crafter — Refactor Workflow¶
Description: Improve existing artifact structure and quality
When to Use¶
Use the refactor workflow when you need to improve existing artifact structure and quality.
Input Requirements¶
- Requirements and user stories
- Brand and style guidelines
- Accessibility standards (WCAG)
- Design system component libraries
Process¶
- Initialize — Set up the refactor context for UI Mockup Crafter
- Execute — Perform the refactor operation following UI Mockup Crafter's style
- Validate — Check output against quality gates
- Handoff — Deliver results to downstream personas
Output¶
- UI mockups with annotated interactions
- Design specifications with component details
- Responsive layout documentation
- Accessibility compliance checklist
Quality Gates¶
- Must follow organizational brand guidelines
- WCAG accessibility compliance required
- Responsive design for multiple device types
- Component-based design system alignment