Generative UI · Onboarding

Type a sentence.
Get an interface.

Day One is a conversational onboarding experience. You ask in plain language; Claude returns structured data; the app draws the right interactive component — a wizard, a progress ring, a checklist — not a chat reply.

Open the demo →

How it works

utterance → structured UI spec → rendered components

01

You ask

A new hire types a plain-language request — “I'm starting Monday, help me get set up.” No menus, no forms to find.

02

Claude returns a UI spec

Tool-use forcing makes the model return structured data — an ordered list of typed UI blocks. Zod validates every block before anything renders.

03

The surface renders

A component registry maps each block type to a real, interactive React component. Zero hardcoded screens — the spec drives the whole UI.

Six components

every block type the model can assemble

Profile wizard

A multi-step setup form with live progress.

Progress ring

An onboarding completion ring you can advance.

Benefits selector

Pickable plan cards with a live cost summary.

Equipment checklist

A checkable IT and access setup list.

Team card

Your manager, teammates, and an org snippet.

Schedule timeline

Day tabs with a per-day event timeline.