← Back to the store

This store has no pages.

Every screen you saw — the personalized home, the catalog, the fitting room, the order flow — was generated at runtime by BranderUX from an AI agent's answers. There is no frontend code for any of those screens. The whole storefront is one component.

The architecture

The site is a thin Next.js shell: a full-screen <Brander /> component from @brander/sdk plus one API route hosting the agent — a plain Claude call whose system prompt carries the demo world: the shopper, her purchase history, the catalog. BranderUX supplies the other half: a catalog of brand-styled elements and the runtime that composes them into screens as the agent answers. Clicks flow back as new queries, so the UI and the conversation are one loop.

<Brander
  betaKey={TOKEN}
  projectId={PROJECT_ID}
  variant="chat"
  onQueryStream={(params) => sseStream("/api/agent/stream", { params })}
/>

What it looks like

The home screen: generated on load — campaign hero, six picks, a recommendation that knows what she already owns.
The home screen: generated on load — campaign hero, six picks, a recommendation that knows what she already owns.
The fitting room: an interactive custom element — drag a piece onto her and the figure changes instantly, no AI call.
The fitting room: an interactive custom element — drag a piece onto her and the figure changes instantly, no AI call.
“I’m flying to Lisbon for four days” → a packing capsule composed around pieces she already owns.
“I’m flying to Lisbon for four days” → a packing capsule composed around pieces she already owns.

Questions

What is Atelier Nova?

A demo fashion storefront with no pages and no frontend code for its screens. The entire site is one BranderUX surface: every screen is generated at runtime from an AI agent's answers.

What generates the screens?

BranderUX — AI-UX infrastructure that turns an agent into a full branded application. The agent answers in data; BranderUX composes branded, interactive screens from a catalog of certified and custom elements.

Is the AI writing code on the fly?

No. The screens are composed from pre-built, brand-styled elements (product grid, order panel, fitting room…). The AI decides composition and data; the elements guarantee quality, safety and brand fidelity.

What happens when I click something?

Every click becomes a new query — clicking a product asks the agent to open its order panel; right-clicking any item lets you ask a question about it. UI and conversation are the same loop.

Can I build this for my product?

Yes — this repo is a reference integration. The storefront is ~200 lines: a full-screen BranderUX component plus one API route hosting the agent. Everything else is generated.

Build one yourself

This demo is open source: github.com/BranderUX/atelier-nova. BranderUX — the engine generating everything you saw — is at branderux.com.