Craft UI

Two phases over the brief and the other supplied inputs. The wireframe phase is optional: when it runs, it settles the arrangement and passes it to mockups through structure.yaml; without it, each mockup direction chooses its own arrangement.

Triggers

• Wireframes ("plan the layout", "map the screen flow", "arrange the screens", "compare arrangements", "settle the structure first") → wireframes.md
• Mockups ("generate directions", "compare looks", "preview a direction", "try an editorial direction", "adjust the chosen look") → mockups.md

Workflow

[wireframes] → structure.yaml → mockups → docs/design/mockup.html
      └──────── skipped ────────┘  (each direction picks its own arrangement)

Final copy comes after the mockup and is an input to neither phase.