Generative UI, docked

Where generativeUI lives.

Publish your pages, docs, and data once. Any AI coding agent connects and renders a live interface from it, grounded in what you actually wrote.

Paste into Claude, Cursor, or Codex to connect
Read https://miradock.com/AUTH.md and register this agent
See how it works
Works with Claude, Cursor, and Codex
miradock.com/w/solstice-beverage-co
Live
Guided render

Solstice Product Catalog

5 core flavors
Selected product

Solstice Citrus

Orange, lemon, and lime over dry sparkling water

Price
$2.49
Launch
2021
Size
12 oz
Rendered from /w/solstice-beverage-co
01The shift

A website makes an agent guess. A Dock tells it.

Point an agent at an ordinary site and it scrapes the markup, strips the styling, and infers your intent from whatever survives. A Dock skips the guesswork: it hands over clean, structured, render-ready content plus a contract for exactly how to use it.

A normal website

Scrape, strip, and guess

The agent reads HTML built for browsers, not models. It loses your structure, reformats your copy, and fills the gaps with assumptions you never approved.

fetch raw HTML
strip styling
guess the rest
MiraDock

Structured context, plus a contract

The Dock serves a clean manifest: your artifacts, design tokens, and a render contract. The agent reads what to show and how, then builds the interface from it directly.

read the manifest
honor the contract
render the UI
02How it works

Three steps from content to interface.

No build pipeline, no plugin to install on the agent's side. Dock what you have, share one link, and let the tool render.

Step 1

Dock your artifacts

Drop in pages, documents, datasets, and images. MiraDock organizes them into one addressable Dock with a clean manifest.

Step 2

Connect your agent

Paste the connect link into Claude, Cursor, or Codex. The agent reads the manifest and the render contract in one call.

Step 3

Watch it render

A live, interactive interface appears, built from your content and styled to your tokens. Steer it in plain language to taste.

03Inside a Dock

Your content, exposed on your terms.

A Dock is more than a folder. Every artifact is described in a structured manifest that carries your design tokens and a render contract, so the agent builds the interface you intended.

dock.manifest.jsoncontract
// what's inside, and how to render it
{
  "artifacts": [
    { "type": "page",  "id": "overview" },
    { "type": "doc",   "id": "changelog" },
    { "type": "data",  "id": "metrics.csv" },
    { "type": "image", "id": "hero.png" }
  ],
  "tokens": { "accent": "#59B9C7", "radius": 12 },
  "contract": {
    "copy": "verbatim",
    "claims": "source-only",
    "layout": "agent-choice"
  }
}

Pages & docs

Long-form content and structured documents, kept in your words and your order.

Data

Tables and datasets the agent can chart, filter, and lay out, never reinterpret.

Images

Real assets with their place in the layout, so nothing gets invented or swapped out.

You control the look Copy stays verbatim No invented claims
04Who it's for

Anyone with something worth rendering.

Tinkerers

Turn a side project or a pile of notes into an interface you can actually click, without touching a frontend.

notes → live dashboard

Creators

Publish a Dock once and let every reader's tool render it their way, while your words and design hold.

portfolio, docs, zines

Companies

Give customers and their agents one trusted source, with brand, copy, and claims locked the way legal signed off.

product data, pricing, brand
Dock yours

One link. Any agent. A live interface.

Paste it into the tool you already use. MiraDock does the rest.

Paste into Claude, Cursor, or Codex to connect
Read https://miradock.com/AUTH.md and register this agent
Create your Dock