UI Mockup Crafter — Compare Workflow

Description: Evaluate multiple approaches or versions

When to Use

Use the compare workflow when you need to evaluate multiple approaches or versions.

Input Requirements

• Requirements and user stories
• Brand and style guidelines
• Accessibility standards (WCAG)
• Design system component libraries

Process

1. Initialize — Set up the compare context for UI Mockup Crafter
2. Execute — Perform the compare operation following UI Mockup Crafter's style
3. Validate — Check output against quality gates
4. 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