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

I built Vaudai as a design delivery overlay that sits above clickable prototypes made with production code. A customizable settings panel contains inputs like toggles, radios, and sliders to change parameters live; this way, 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 git branch. The whole thing is vendored into a project as a single feature, which allows it to be easily set up and/or stripped out as needed.

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