← Back to the store

This store has no pages.

Every screen you saw, the home, the catalog, the fitting room, the order flow, was generated live: built at the moment of your question, in the brand. There is no frontend code for any of them. The whole storefront is one component.

The architecture

Atelier Nova is an agentic application built on BranderUX. Its catalog, its orders, its voice and its rules live in a BranderUX project, and the agent BranderUX hosts for that project answers every question with a branded, interactive screen composed from certified and custom elements. The site around it is a thin Next.js shell whose store surface is one <Brander /> component from @brander/sdk. There is no agent here, no model key, no prompt. Clicks are questions, so the interface and the conversation are one loop.

<Brander
  apiKey={API_KEY}
  projectId={PROJECT_ID}
  variant="chat"
  isFullscreen
/>

That is the entire integration.

Generated live, not built once

App builders generate pages once, the same app for everyone. A BranderUX application is generated live: every screen built at the moment of the question, with the right UX for that user and that action. And it publishes two-sided, a full site for people, an MCP app for AI agents.

By the owner's rules

Your website talks with your clients, by your rules. The AI can never act alone: every real action is a click the visitor makes. Placing an order here writes a real order and returns its number, "Track my order" reads it back, and the owner sees every conversation and every order in the BranderUX dashboard.

What it looks like

The home screen, designed once and replayed on every landing: instant, and the same every time, with no model call.
The home screen, designed once and replayed on every landing: instant, and the same every time, with no model call.
The fitting room, a custom element: drag a piece onto the figure and it changes at once, with no model call.
The fitting room, a custom element: drag a piece onto the figure and it changes at once, with no model call.
“I’m flying to Lisbon for four days” becomes a packing capsule composed around pieces already in the wardrobe.
“I’m flying to Lisbon for four days” becomes a packing capsule composed around pieces already in the wardrobe.

Questions

What is Atelier Nova?

A demo womenswear store with no pages and no frontend code for its screens. The whole store is one BranderUX surface, and every screen is generated live from the question you just asked.

What generates the screens?

BranderUX. The store was described in the BranderUX builder and published, and the agent BranderUX hosts for it answers here. The answer arrives as data; BranderUX composes it into branded, interactive screens from certified and custom elements.

Is the AI writing code on the fly?

No. Screens compose from pre-built, brand-styled elements: the product grid, the order panel, the fitting room. The agent decides the composition and the data; the elements keep quality, safety and brand fidelity.

What happens when I click something?

Every click becomes the next question. Clicking a product asks for its order panel, right-clicking anything lets you ask about it. Real actions are never taken for you: placing the order is a click you make, and it writes a real order with its own number.

Can I build this for my business?

Yes, without writing the store. Describe your business in the BranderUX builder, publish, and your full site and MCP app are live. This repo is only the shell: the storefront is one component in a Next.js app, and everything you saw is generated. Businesses that already have an agent of their own connect it instead, with one prop.

Build one yourself

This shell is open source: github.com/BranderUX/atelier-nova. BranderUX, the platform Atelier Nova is built and hosted on, is at branderux.com. Build agentic applications, in minutes.