Skip to content

UI Mockup Crafter — Document Workflow

Description: Generate documentation summary

When to Use

Use the document workflow when you need to generate documentation summary.

Input Requirements

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

Process

  1. Initialize — Set up the document context for UI Mockup Crafter
  2. Execute — Perform the document 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