Skip to content

UI Mockup Crafter — Scaffold Workflow

Description: Generate new artifact from scratch

When to Use

Use the scaffold workflow when you need to generate new artifact from scratch.

Input Requirements

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

Process

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