Patrick Sobrak-Seaton

Product Designer & Design Engineer

Vaudai

UP42

A vendored overlay for AI-first design teams, with live‑preview design options and annotations that pin to DOM elements.

Vaudai's capsule and settings panel, over two gray boxes of a page Vaudai's capsule and settings panel, over two gray boxes of a page
Take Vaudai for a spin Desktop recommended (opens in a new tab)

Overview

Vaudai is a design delivery overlay I designed and built. It sits above clickable-prototypes built with production code. A customizable settings panel contains inputs like toggles, radios and sliders to change parameters live, so design alternatives can be compared right on the page. Reviewers can make annotations that are pinned to DOM elements and are saved as JSON files that travel with the branch, so the feedback stays with the code. The whole thing is vendored into a project as a single file which allows it to be easily set up and stripped out as needed.

"Vaudai" gets its name from a character in James S. A. Corey's The Captive's War trilogy.